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 代表允许 |