html页面meta标签意义

meta标签

• 标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。

• META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。

• 元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。

• 注意： 标签通常位于 区域内。

  注意： 元数据通常以 名称/值 对出现。

  注意： 如果没有提供 name 属性，那么名称/值对中的名称会采用 http-equiv 属性的值。

1、http-equiv 属性提供了 content 属性的信息/值的 HTTP 头
语法：

<meta http-equiv="content-type|default-style|refresh">

HTML 4.01 与 HTML5之间的差异（使用 http-equiv 已经不是规定 HTML 文档的字符集的唯一方式):

HTML 4.01：<meta http-equiv="content-type" content="text/html; charset=UTF-8">

HTML5：<meta charset="UTF-8">

2、content 属性提供了 content 属性的信息/值的 HTTP 头

content 属性可设置或者返回 meta 元素 content 属性值。
content 属性指定了 meta 信息的内容。

注意： 这个属性可用的值依赖于name 和 httpEquiv 属性的值。

3、其他 属性

4、还有一个 viewport 属性，它用于移动端显示优化的。

5、页面常见meta写法的意义

1）最佳的浏览器兼容模式
（X-UA-Compatible最好紧跟在head之后）

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

2）移动端实现自适应布局

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">` `<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">