Question

我最近几天读过很多关于语义HTML的内容，而且我很困惑。

标题标记应包含特定页面的内容和网站的名称。 h1和标题之间有什么区别？我读到h1应该包含页面的内容。我还读到，在HTML 5中，h1标签可以在页面上多次使用，并用于节中的标题（标题标签不起作用吗？）

如果我的网页上有一个带有我网站名称的图片的标识，我应该使用哪个标记？我总是虽然h1是为了那个。

Answer 1

h1和标题之间有什么区别？

HTML5（CR）规范contains title和h1之间的差异（包含网站标题）：

作者应使用标识其文档的标题，即使它们在上下文之外使用，例如在用户的历史记录或书签中，或在搜索结果中。该文件的标题通常与其第一个标题不同，因为第一个标题在脱离背景时不必独立。

我还读到，在HTML 5中，h1标记可以在页面上多次使用，并用于[...]
部分中的标题

是的，在HTML5中，您可以在任何地方使用h1，并且您永远不需要使用h2 - h6，如果（并且仅当！）您正确使用切片内容元素，分别是：section，article，aside和nav。为什么？ Because：

切片内容元素中标题内容的第一个元素表示该部分的标题。

所以这是第一个标题，无论它在哪个级别。

[...]（标题标签不起作用吗？）

不，header element用于某个部分的“介绍性内容”，该部分可能（不一定）包含该部分的标题，但它可能包含的内容不止于此。

如果我的网页上有一个带有我网站名称的图片的标识，我应该使用哪个标记？我总是虽然h1是为了那个。

是的，h1应该是body的孩子，而不是其他分区内容元素。这代表网站标题。此页面上的其他所有内容（导航，主要内容等）都在本网站标题的范围内。

示例：

<body>
  <h1><img src="…" alt="ACME Inc." /></h1> <!-- ← the site heading -->
  <nav></nav> <!-- the site’s navigation -->
  <article> <!-- the main content of this page -->
    <h1>My favorite book</h1>
  </article>
</body>

本文件将创建以下大纲：

1. ACME Inc.
  1.1 (implicit; navigation)
  1.2 My favorite book

Answer 2

仅将title用于您希望在浏览器标签中显示的内容。来自MDN：

HTML Title Element（）定义文档的标题，通常显示在浏览器的标题栏或页面的选项卡上。它只能包含文本，任何包含的标签都不会被解释。

此外，title只能在head元素中使用，因此请勿将其用于徽标。如果您认为徽标文字是页面上最重要的标题，请使用h1。

Answer 3

h1用于强调章节标题。如果一个部分有子部分，你可以使用一个h2标签，如果那些部分有子部分，你可以使用h3标签等等。

Havin说，没有限制你可以或不使用h1标签和h2标签等等。使用它听起来很方便

<title>标记用于在浏览器标签标题或窗口标题栏中显示页面标题

Answer 4

您可以将标题视为书的标题，而h1是章节标题，但这并不总是适用于所有网站。如果您的网站是一本书，那么“我的书”将成为一个很棒的标题标签，每个页面上的h1都是“第十章”。这并不总是有效。谷歌表示，如果您有CompanyX，那么每个后续页面标题都应反映页面上的内容，如“我们的产品”而不是“CompanyX - 我们的产品”。但那是他们搜索结果的布局。

对于HTML5，正如其他人所说，页面上可以有许多部分，每个部分都有自己的h1标题。但是，您可能只有一个必需的h1标题的页面。因此，考虑一个合适的title / h1组合需要一些思考。

Answer 5

title标记位于html文档的head部分。它显示为选项卡的标题和浏览器的窗口标题栏......对SEO非常重要。

h1是您网站的第一个也是最重要的标题。每页只能使用一次以获得最佳SEO结果。对SEO也很重要，但不如<title>那么多。

<html>
    <head>
        <title> Your Title here -</title>
    </head>
    <body>
        <h1>VIH - very important heading</h1>
    </body>
<html>

h1和语义HTML5

5 个答案: