背景
今天再看一个html页面源码的时候，发现head标签内部有很多<meta>标签，特此记录梳理一下。
<meat>标签作用
<meta> 标签是HTML网页源代码中的一个重要的html标签，meta 标签用来描述一额 HTML 网页文档的属性，例如作者、日期和时间、关键词、页面刷新。除此之外，<meta> 标签用于搜索引擎优化（SEO）。它位于 HTML 文档中 <head> 元素内，虽然它提供的信息用户不可见，但他却是文档最基本的元信息。
<meta> 标签的属性列举
<meta> 标签中的属性我们分为必选的属性和可选的属性。
1.必选属性：content属性。该属性是为了定义与 http-equiv 或者 name 属性相关的元信息，其中的内容是为了便于搜索机器人查找信息和分类使用的。
2.可选属性：
- name属性。该属性主要用于描述网页。name 属性的值可以有：author、description、keywords、generator等等。
- http-equiv属性。该属性相当于 http 的头文件作用，可以向浏览器返回一些有用的信息，以帮助正确和精确的显示内容。http-equiv 属性的值可以有 content-type、expires、refresh等等。
<meta> 实例
-
<meta charset=UTF-8>
告知浏览器此页面属于什么字符编码格式
2.<meta name="format-detection" content="telephone=no">
format-detection——格式检测，用来检测html里的一些格式，主要与以下几个设置：
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<meta name="format-detection" content="address=no">
telephone——主要作用是是否设置自动将你的数字转化为拨号链接；
email——告诉设备不识别邮箱，点击之后不发送
address——是否开启点击地址直接跳转地图的功能，默认开启。
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
以上代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=8">
以上代码告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面
4.<meta name="renderer" content="webkit">
由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手段是一个几百k大小网址库，一个通过长期人工运营收集的网址库。
尽管我们努力通过用户反馈、代码标签智能判断技术提高浏览器的自动切核准确率。但是在很多情况下，我们仍然无法达到百份百正确。因此，我们新增加了一个控制手段：内核控制Meta标签。只要你在自己的网站里增加一个Meta标签，告诉360浏览器这个网址应该用哪个内核渲染，哪么360浏览器就会在读取到这个标签后，立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。
网友评论