3

我无法理解 HTML 标题的正确用法。我正在使用书籍和在线资源进行自学，但在如何使用它们方面存在细微差异。

  1. 请注意，该h1标签仅使用一次，作为页面的主标题。h2然而， toh6可以根据需要尽可能频繁地使用，但它们应该始终按照预期的顺序使用。例如，anh4应该是 an 的子标题h3，它应该是 an 的子标题h2。
  2. 逻辑标题级别反映了它相对于主要内容的重要性。

所以问题是：

我是按顺序使用它们，其中h4必须是子标题，h3哪个应该是子标题h2等等，还是根据其相对于主要内容的重要性使用标题级别？

虽然，我已经看到这两种方法都在使用。但是，第二种方法与文档大纲混淆。只是想就此获得一些其他意见。

4

7 回答 7

7

对于 HTML5：

  1. 决定你的文档应该有哪个大纲。
  2. 使用标题元素 ( h1- h6)和分段内容元素 ( section, article, aside, nav)来实现此大纲。

您引用的两个陈述都不正确或不完整：

  • 关于 [1]：h1不必每个文档只使用一次（也不必用于“主标题”）。
  • 关于[2]：规范定义了标题排名，不一定是重要的。

当您总是将部分包装在一个部分内容元素中时（规范鼓励这样做），因此每个部分最多有一个标题，那么您选择哪个标题等级并不重要，但是：

[…] 强烈建议作者要么只使用h1元素，要么使用适当等级的元素作为部分的嵌套级别

如果您并不总是在适当的地方使用分段内容元素，因此一个部分有多个标题，跳过标题级别（或使用它们来指定“重要性”）可能会导致不正确的大纲。

于 2014-02-08T02:16:32.030 回答
3

order如果您不遵循或拥有超过 1 个标签，您的网页不会中断，h1但它肯定会看起来很丑。

您提到的第 1 点和第 2 点不是强制性的，但主要用于search engine optimization(seo). 这是一种白帽 seo 技术，它将在一定程度上帮助搜索引擎爬虫对您的网页进行排名。其次，您的网页会更多semantically correct并且带有better looking outline.

于 2014-02-08T03:22:59.977 回答
0

Rule of thumb: If it looks fine without any CSS, it's fine. Of course, rich content will never work without styling, but strive to make it look as good as possible without CSS.

The main difference between levels in font size. You should be fine, whatever you do with them, as long as you don't do

<h6>Page heading</h6>
<h5>Section heading</h5>
<h4>Subsection heading</h4>

Or weird stuff like that. h1 is supposed to be the biggest and most important, and while h6 (or something else, e.g. <bigheading></bigheading> (yes, CSS will work on any tag)) might work if you style them right, they are not recommended or semantically correct.

于 2014-02-08T02:16:22.683 回答
0

使用它们的顺序实际上并不重要。他们说按顺序使用它们的原因可能是因为如果文档正文中的文本大于标题，它看起来会很奇怪。

font-size它与更改and基本相同，font-weight因为除了 some 之外，它也是这样做的padding。

于 2014-02-08T01:56:51.943 回答
0

关于Lighthouse 可访问性审核，标题级别应按顺序降序排列，并使用 CSS 根据需要在视觉上设置标题样式。而不是跳过标题级别来实现所需的视觉风格。

例如：

<h1>Page title</h1>
<section>
  <h2>Section Heading</h2>
  …
    <h3>Sub-section Heading</h3>
</section>

您可以在官方文档中获得有关结构化标题的深入信息。

于 2020-12-07T03:21:57.550 回答
0

HTML 标题是用<h1>to<h6>标记定义的。

<h1>定义最重要的标题。<h6>定义最不重要的标题。

标题很重要，搜索引擎使用标题来索引网页的结构和内容。

用户经常通过标题浏览页面。使用标题来显示文档结构很重要。

<h1>标题应该用于主要标题，然后是<h2>标题，然后是不太重要的<h3>，依此类推。

<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>

于 2021-01-21T17:26:10.810 回答
-1

除非您正在做一些 SEO，否则您无需担心使用HTML H1.....H6标题的顺序。但建议首先使用H1 标题，但一般情况下，任何顺序都可以接受。

下面的顺序只是以特定顺序显示它们而已。

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>

这是 SnoopCode http://www.snoopcode.com/html/html-headings的一个很好的参考以及如何使用它们。

于 2015-10-16T10:34:52.060 回答