前端获取请求的html数据,前端获取html代码怎么显示在页面

首页 > 教育培训 > 作者:YD1662023-07-09 01:47:32

meta常用于定义页面的说明,关键字,最后修改日期,和其它的元数据。这些元数据将服务于浏览器(如何布局或重载页面),搜索引擎和其它网络服务。

meta标签分两大部分:HTTP标题信息(http-equiv)和页面描述信息(name)。

前端获取请求的html数据,前端获取html代码怎么显示在页面(1)

一、http-equiv 属性

http-equiv一般设置的都是与http请求头相关的信息,设置的值会关联到http头部。也就是说浏览器在请求服务器获取html的时候,服务器会将html中设置的meta放在响应头中返回给浏览器。常见的类型比如content-type, expires, refresh, set-cookie, window-target, charset, pragma等等。

1. content-type

比如:<meta http-equiv="content-type" content="text/html charset=utf8">可以用来声明文档类型,设置字符集,content-type几乎所有的属性都可以在meta中进行设置。

这样设置浏览器的头信息就会包含:

content-type: text/html charset=utf8 2. expires

用于设置浏览器的过期时间, 其实就是响应头中的expires属性。

<meta http-equiv="expires" content="31 Dec 2021"> expires:31 Dec 2008 3. refresh

该种设定表示5秒自动刷新并且跳转到指定的网页。如果不设置url的值那么浏览器则刷新本网页。

<meta http-equiv="refresh" content="5 url=http://www.zhiqianduan.com"> 4. window-target

强制页面在当前窗口以独立页面显示, 可以防止别人在框架中调用自己的页面。

<meta http-equiv="window-target" content="_top'> 5. pragma

禁止浏览器从本地计算机的缓存中访问页面的内容

<meta http-equiv="pragma" content="no-cache"> 二、name 属性

name属性主要用于描述网页,与对应的content中的内容主要是便于搜索引擎查找信息和分类信息用的, 用法与http-equiv相同,name设置属性名,content设置属性值。

1. author

author用来标注网页的作者

<meta name="author" content="aaa@mail.abc.com"> 2. description

description用来告诉搜素引擎当前网页的主要内容,是关于网站的一段描述信息。

<meta name="description" content="这是我的HTML"> 3. keywords

keywords设置网页的关键字,来告诉浏览器关键字是什么。是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。

<meta name="keywords" content="Hello world"> 4. generator

表示当前html是用什么工具编写生成的,并没有实际作用,一般是编辑器自动创建的。

<meta name="generator" content="vscode"> 5. revised

指定页面的最新版本

<meta name="revised" content="V2,2015/10/1"> 6. robots

告诉搜索引擎机器人抓取哪些页面,all / none / index / noindex / follow / nofollow。

<meta name="robots" content="all">

all:文件将被检索,且页面上的链接可以被查询;none:文件将不被检索,且页面上的链接不可以被查询;index:文件将被检索;follow:页面上的链接可以被查询;noindex:文件将不被检索,但页面上的链接可以被查询;nofollow:文件将不被检索,页面上的链接可以被查询。

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.