📌  相关文章
📜  HTML | DOM 头属性(1)

📅  最后修改于: 2023-12-03 15:15:36.217000             🧑  作者: Mango

HTML | DOM 头属性

在 HTML 中，头属性是一些 meta 标签，用于提供关于文档的元数据信息，例如关键字、描述、编码方式等。这些元数据对于搜索引擎优化（SEO）非常重要，因为它们能够告诉搜索引擎有关文档内容和结构的详细信息。在本文中，我们将介绍一些常用的 HTML | DOM 头属性。

meta charset 属性

meta charset 属性用于指定文档编码方式。它必须作为头元素的第一个 meta 标签出现，并且值必须是有效的编码方式，例如 UTF-8、ISO-8859-1 等。如果不指定编码方式，浏览器将根据默认设置来解析文档编码方式。

<head>
  <meta charset="UTF-8">
</head>
meta name 属性

meta name 属性用于指定元数据名称和元素内容的关联性，例如关键字、描述、作者等。它必须有一个合法的名称和一个与之相关的内容（content）。其中，名称和内容都应该是有意义且符合逻辑的。

<head>
  <meta name="description" content="这是一篇文档的描述">
  <meta name="keywords" content="HTML, DOM, 头属性">
  <meta name="author" content="John Doe">
</head>
meta http-equiv 属性

meta http-equiv 属性用于指定与 HTTP 头部有关的元数据，例如刷新、缓存等。它的值必须是有效的 HTTP 头部属性名称，例如 Refresh、Expires 等。

<head>
  <meta http-equiv="refresh" content="5; url=http://example.com/">
  <meta http-equiv="cache-control" content="no-cache">
</head>
link rel 属性

link rel 属性用于定义文档与外部资源之间的关系，例如样式表、图标等。其中，rel 属性指定资源与文档之间的关系，href 属性指定资源的 URL。

<head>
  <link rel="stylesheet" href="style.css">
  <link rel="icon" href="favicon.ico">
</head>

总结：

  • HTML | DOM 头属性包括 meta 标签和 link 标签。
  • meta 属性用于提供文档元数据信息，包括 charset、name 和 http-equiv 属性。
  • link 属性用于定义文档与外部资源之间的关系，包括 rel 和 href 属性。
  • 在编写 HTML 文档时，使用这些头属性可以提高搜索引擎优化（SEO）效果。