HTML <meta> 标签

HTML标签<meta>用于在HTML文档中设置元数据,元数据是描述数据的数据。元数据通常不会显示在页面上,但对于搜索引擎和浏览器有重要作用。<meta>标签位于文档的头部,用于提供有关文档的信息。

属性

  • charset: 指定文档的字符编码。例如,<meta charset="UTF-8">指定文档使用UTF-8编码。
  • name: 指定元数据的名称。常用的属性值包括keywordsdescriptionauthor等。
  • content: 指定元数据的内容。例如,<meta name="keywords" content="web development, HTML, CSS">指定页面的关键词为"web development, HTML, CSS"。
  • http-equiv: 用于模拟HTTP头部字段。常用的属性值包括refreshcontent-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 代表允许
上一篇: HTML标签 <menu>
下一篇: HTML标签 <meter>
纠错
反馈