HTML标签<meta>用于在HTML文档中设置元数据,元数据是描述数据的数据。元数据通常不会显示在页面上,但对于搜索引擎和浏览器有重要作用。<meta>标签位于文档的头部,用于提供有关文档的信息。
属性
charset: 指定文档的字符编码。例如,<meta charset="UTF-8">指定文档使用UTF-8编码。name: 指定元数据的名称。常用的属性值包括keywords、description、author等。content: 指定元数据的内容。例如,<meta name="keywords" content="web development, HTML, CSS">指定页面的关键词为"web development, HTML, CSS"。http-equiv: 用于模拟HTTP头部字段。常用的属性值包括refresh、content-type等。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----- --------------- ------------ ------------ ----- -----
----- ------------------ ---------- ------------- ----- -- ---- --- -----
----- ------------- ------------- -----
-------
------
----------- -- -- ------------
------- -- - ------ ---- -------------
-------
-------在上面的示例代码中,我们使用了<meta>标签来指定文档的字符编码、关键词、描述和作者信息。
总结
元数据对于网页的搜索引擎优化和浏览器的渲染都非常重要。通过使用<meta>标签,我们可以为我们的网页提供更多有用的信息,提高用户体验和搜索引擎排名。
| 属性 | 值 | 描述 |
|---|---|---|
| charset | character_set | 定义文档的字符编码。 |
| content | text | 定义与 http-equiv 或 name 属性相关的元信息。 |
| http-equiv | content-type default-style refresh | 把 content 属性关联到 HTTP 头部。 |
| name | application-name author description generator keywords | 把 content 属性关联到一个名称。 |
| scheme | format/URI | HTML5不支持。 定义用于翻译 content 属性值的格式。 |
| width | 设置layout viewport 的宽度,为一个正整数,或字符串 width-device |
|---|---|
| initial-scale | 设置页面的初始缩放值,为一个数字,可以带小数 |
| minimum-scale | 允许用户的最小缩放值,为一个数字,可以带小数 |
| maximum-scale | 允许用户的最大缩放值,为一个数字,可以带小数 |
| height | 设置layout viewport 的高度,这个属性对我们并不重要,很少使用 |
| user-scalable | 是否允许用户进行缩放,值为 no 或 yes;, no 代表不允许,yes 代表允许 |