HTML标签meta总结,HTML5 head meta 属性整理

1. HTML5中的meta

HTML5中的标签提供了有关HTML文档的元数据信息。这些元数据不会以任何方式直接影响文档的显示，但可能对像搜索引擎这样的应用程序很有用。

1.1 属性常见值

下面是一些常用的属性：

charset：定义字符集。

name：定义元素的名称。

http-equiv：类似于HTTP头部中的信息，用于指定一些与HTTP相关的元数据信息。

content：定义元素的内容。

例如：

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

1.2 viewport

viewport用于设置移动设备的视口（viewport），可以通过设置视口来控制移动设备上的布局和视窗大小，这对于响应式设计非常重要。

下面是一个简单的视口示例：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

其中，width=device-width会匹配设备的宽度，initial-scale=1.0会设置初始缩放级别为1.0。

1.3 字符集

charset属性用于定义文档的字符编码集。在HTML5中，一般使用UTF-8编码（支持所有语言），所以设置如下：

<meta charset="UTF-8">

这样设置后，你的HTML文档就可以支持所有的语言和符号了。

1.4 其他常见值

http-equiv属性还有其他的一些常用值：

content-type：定义文档的MIME类型。

refresh：定义自动刷新和重定向。例如：<meta http-equiv="refresh" content="5;url=http://www.example.com">，页面将在5秒钟后重定向到http://www.example.com。

X-UA-Compatible：用于指定IE浏览器的渲染模式，例如：<meta http-equiv="X-UA-Compatible" content="IE=edge">。

keywords：定义网站的关键词，用于SEO。如：<meta name="keywords" content="HTML, CSS, JavaScript">。

2. 总结

通过使用标签，您可以为您的网页提供一些元数据信息，这对于开发者和用户都是非常有用的。在HTML5中，viewport和charset是最重要的属性之一。