如何语义标记类别标题

Question

通常有一个适用于文档级别以上级别的标题。例如，在纽约时报标题的屏幕截图中，“中东”是高于页面级别的类别。显然，“Even Gaza ......”是该页面的标题。

我的问题是，标记“中东”的最佳方式是什么？ nytimes开发者选择使用h3，但这看起来似乎不是最好的。它似乎需要一个h0标签。

我很想听到有关此事的意见。感谢。

Answer 1

我认为＆＃34;中东＆＃34;需要像标签或类别一样对待。在同一个地方，您可以拥有多个标签，例如＆＃34;最新消息＆＃34;或者＆＃34;巴勒斯坦危机＆＃34;等等。

我不认为用H1标记这些元素是一个好主意，它不是主要元素，它更像是一个＆＃34;属性＆＃34;主要元素是新闻标题＆＃34;甚至加沙停战也很难赢......＆＃34;。

所以你可以用H3..H5用特殊的CSS类来标记它，比如＆＃34; newscategory＆＃34;或者＆＃34; geocategory＆＃34;。

只需2美分..

Answer 2

（假设HTML5。）

整篇文章应放在article元素中。

这article＆＃34; longs＆＃34;为标题。当然它应该是实际的标题（＆＃34;甚至加沙[...]＆＃34;）。您可以使用h1或相应的排名，具体取决于article元素的嵌套级别（例如h2，如果它是body的子级）;后者是encouraged。

现在我们有：

<article>
  <h2>Even Gaza Truce Is Hard to Win, Kerry is Finding</h2>
</article>

该怎么做＆＃34;中东＆＃34;？

目前，文件大纲是：

1. untitled (→ should be the page/site title)
  1.1 "Even Gaza Truce Is Hard to Win, Kerry is Finding"

有道理。

如果您使用标题为＆＃34;中东＆＃34;，并将其放在文章标题之前，则大纲将变为：

1. untitled (→ should be the page/site title)
  1.1 "Middle East"
    1.1.1 "Even Gaza Truce Is Hard to Win, Kerry is Finding"

可以理解，但我只会将它用于列出分类在＆＃34;中东＆＃34; （在这种情况下，＆＃34;中东＆＃34;应该是section与article个孩子的标题。

如果您使用之后的标题，它将变为：

1. untitled (→ should be the page/site title)
  1.1 "Even Gaza Truce Is Hard to Win, Kerry is Finding"
    1.1.1 "Middle East"

没有意义。

所以我不会用＃34;中东＆＃34;如果这是仅包含此文章的页面。相反，您可能希望使用Subheadings, subtitles, alternative titles and taglines中描述的标记：

对类别和文章标题使用header元素;这样，该类别不会改变文档大纲，而且很明显它是介绍性的一部分。

<article>
  <header>
    <div>Middle East</div>
    <h2>Even Gaza Truce Is Hard to Win, Kerry is Finding</h2>
  </header>
</article>

作者（以及分享链接）可以放在footer元素中：

<article>
  <header>
    <div>Middle East</div>
    <h2>Even Gaza Truce Is Hard to Win, Kerry is Finding</h2>
  </header>
  <footer>
    <div>By Michael R. Gordon</div>
    <div>Share: …</div>
  </footer>
</article>

因此header中的所有其他内容（即不在footer / article中）都被认为是主要内容。

Answer 3

在NYT webpage上，＆＃34;中东＆＃34;您引用的内容用作Middle East webpage的链接。那么＆＃34;中东＆＃34;看起来像一个标题，但也提供导航。

知道，我不会做＃34;中东＆＃34;任何类型的标题（HEADER，H1，H2等），但会将其（以及它已经存在的A标记）放在{{{ 1}}。这种方法避免了标题级别的混淆。