元标签介绍

元标签是HTML语言头部区域的辅助标签，常用来定义页面描述、关键词、最后修改日期等元数据。这些元数据将服务于浏览器、搜索引擎和其他网络服务。

元标签的组成

元标签有两个属性，http-equiv属性和name属性。

名称属性

名称属性主要用于描述网页，如网页的关键字、描述等。对应的属性值是content，content中的内容是名称填充类型的具体描述，方便搜索引擎抓取。

元标记中名称属性的语法格式是：

一个

元名称='参数'内容='特定描述'

名称属性具有以下参数。(A-C是常见属性)

(1)关键词(关键词)

描述：用来告诉搜索引擎你网页的关键词。示例：

一个

元名称='关键词'内容=' PHP中文网站'

(2)描述(网站内容描述)

描述：用来告诉搜索引擎你网站的主要内容。示例：

一个

meta name=' description ' content=' php中文网站提供大量免费，原创，高清PHP视频教程'

(3)视口(移动窗口)

注意：这个概念比较复杂，下一篇博文会有描述。此属性通常用于设计移动网页。在使用bootstrap，AmazeUI等框架时已经使用了Viewport。

一个

元名称='视口'内容='宽度=设备宽度，初始比例=1 '

(4)机器人(定义搜索引擎爬虫的索引模式)

描述：机器人用来告诉爬虫哪些页面需要索引，哪些页面不需要。内容的参数包括all、none、index、noindex、follow、nofollow。默认为全部。

一个

meta name='robots' content='none '

具体参数如下：

1.none :搜索引擎会忽略这个网页，相当于noindex，nofollow。

2.noindex :搜索引擎不索引此网页。

3.nofollow:搜索引擎不会继续通过此网页的链接索引搜索其他网页。

4.all :搜索引擎会对这个网页以及继续通过这个网页的链接进行索引，相当于index，跟随。

5.索引：搜索引擎索引此网页。

6.follow :搜索引擎继续通过该网页的链接索引搜索其他网页。

(5)作者(作者)

描述：用于标记网页的作者：

一个

Meta name='author' content='PHP中文网站'

(6)生成器(网页制作软件)

注意：一个用来表示网页是由：组成的软件例子(不知道能不能写成这样)；

一个

元名称='生成器'内容='崇高文本3 '

(7)版权

注：标记版权信息的示例：

一个

Meta name='版权'内容=' PHP中文网站'//表示本网站受PHP中文网站版权保护。

(8)重访后(搜索引擎爬虫重访时间)

注意：如果页面更新不频繁，为了减轻搜索引擎爬虫对服务器的压力，可以为爬虫设置一个重访时间。如果重访时间太短，爬虫会按照他们定义的默认时间进行访问。示例：

一个

元名称='重访后'内容='7天'

(9)渲染器(双核浏览器渲染模式)

描述：渲染器是为双核浏览器准备的，默认情况下用于指定双核浏览器如何渲染页面。比如360浏览器。示例：

一个

2

三

元名称='渲染器'内容=' webkit '//默认WebKit内核

meta name=' renderer ' content=' IE-comp '//默认IE兼容模式

meta name=' renderer ' content=' IE-stand '/默认IE标准模式

Http-equiv属性

顾名思义，HTTP-equiv相当于HTTP。

元标记中http-equiv属性的语法格式为：

一个

meta http-equiv=' parameter ' content=' specific description '

http-equiv属性主要有以下参数：

(1)内容-类型(设置网页字符集)(推荐HTML5)

描述：用于设置网页字符集，方便浏览器解析和渲染页面。

一个

元http-equiv='内容-类型'内容='文本/html；Charset=utf-8' /旧HTML，不推荐

一个

Meta charset='utf-8' //HTML5设置网页的字符集，推荐使用utf-8

(2)X-UA兼容(浏览器采用哪个版本渲染当前页面)

描述：用于告诉浏览器在哪个版本中呈现页面。(一般设置为最新模式，这种设置在各大框架中也很常见。)

一个

meta http-equiv=' x-ua-compatible ' content=' IE=edge，Chrome=1'/指定IE和Chrome使用最新版本呈现当前页面

(3)缓存控制(指定请求和响应遵循的缓存机制)

描述：指示浏览器如何缓存响应以及缓存多长时间

一个

meta http-equiv=' cache-control ' content=' no-cache '

有几种用途：

No-cache:首先发送请求，并向服务器确认资源是否已被更改。如果尚未更改，则使用缓存。

No-store:不允许缓存，每次都要去服务器下载完整的响应。(安全措施)

Public :缓存所有响应，但不是必须的。因为更大年龄可以达到同样的效果

Private :仅缓存单个用户，因此不允许中继缓存。(例如，CDN不允许缓存私有响应)

Maxage :指示当前请求的开始，以及响应可以缓存和重用多长时间，而无需去服务器重新请求。例如，max-age=60意味着响应可以缓存并重用60秒。

禁止百度转码

注意：用于禁止当前页面在移动终端上浏览时被百度自动转码。虽然百度的意图是好的，但是转码效果往往不尽如人意。所以你可以把例子里的句子加到头上，就可以避免百度转码了。

一个

meta http-equiv='Cache-Control '内容='no-siteapp' /

(4)过期(页面过期时间)

描述：用于设置网页的过期时间。过期后，网页必须重新传输到服务器。

一个

meta http-equiv=' expires ' content=' 2016年10月26日星期日01:00 GMT' /

(5)刷新(自动刷新并指向页面)

描述：网页会在设定的时间内自动刷新并转移到设定的URL。

一个

meta http-equiv=' refresh ' content=' 2；URL=http://www.php.cn/' //表示2秒后跳转到php中文网站

(6)设置-Cookie(cookie设置)

描述：如果页面过期。那么这个页面上的本地cookies将被自动删除。

一个

2

meta http-equiv=' set-cookie ' content=' name，date '/format

meta http-equiv='Set-Cookie '内容=' User=Lxxyxpath=/；过期=周日，10-1-16 10:00:00格林尼治标准时间'/具体示例

总结：元标签有太多的自定义属性。所以只总结一些常用的，希望对大家有所帮助。