阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML meta 标签

      HTML <meta> 标签功能

      元数据(Metadata)是数据的数据信息。

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

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

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


      HTML <meta> 标签使用

      描述 HTML 文档的元数据:

      <head>
      <meta name="description" content="免费在线教程">
      <meta name="keywords" content="HTML,CSS,XML,JavaScript">
      <meta name="author" content="axihe">
      <meta charset="UTF-8">
      </head>
      

      浏览器支持

      所有主流浏览器都支持 <meta> 标签。


      提示和注释

      注意:<meta> 标签通常位于

      区域内。

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

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


      HTML4 与 HTML5 之间的差异

      HTML5 不支持 scheme 属性。

      在 HTML5 中,有一个新的 charset 属性,它使字符集的定义更加容易:

      • HTML4: <meta http-equiv=“content-type” content=“text/html; charset=UTF-8”>
      • HTML5: <meta charset=“UTF-8”>

      HTML 与 XHTML 之间的差异

      在 HTML 中 <meta> 标签没有结束标签。

      在 XHTML 中 <meta> 标签必须包含结束标签。


      实例

      实例 1 - 定义文档关键词,用于搜索引擎:

      <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
      

      实例 2 - 定义 web 页面描述:

      <meta name="description" content="Free Web tutorials on HTML and CSS">
      

      实例 3 - 定义页面作者:

      <meta name="author" content="Hege Refsnes">
      

      实例 4 - 每 30 秒刷新页面:

      <meta http-equiv="refresh" content="30">
      

      属性

      New :HTML5 新属性。

      属性描述
      charsetNewcharacter_set定义文档的字符编码。
      contenttext定义与 http-equiv 或 name 属性相关的元信息。
      http-equivcontent-type
      default-style
      refresh
      把 content 属性关联到 HTTP 头部。
      nameapplication-name
      author
      description
      generator
      keywords
      把 content 属性关联到一个名称。
      schemeformat/URIHTML5 不支持。 定义用于翻译 content 属性值的格式。

      事件属性

      <p> 标签支持所有 HTML 事件属性。


      目录
      目录