html - HTML 中的语义结构 - 字幕(Pre-HTML5)

Question

我是 HTML 的新手，想制作语义正确的 HTML，但我发现很难处理似乎只有标题、列表和段落的内容。

特别是，我找不到一个对字幕有意义的地方。我正在写一个博客网站，所以让我们以此为例:

博客标题
世界上最好的博客

post_title1
post_title2
post_title3

在语义上“A BLOG TITLE”是 h1。 post_titleX 是 h2 对我来说是有意义的，但副标题“世界上最好的博客”与它们处于同一级别感觉不合适。

Answer 1

自 the working draft 以来，规范发生了很大变化。五年前首次发布此答案时，这是最新的。正如 @Andre Figueiredo 在评论中正确指出的那样，the published HTML5.2 specification在这个特定的用例上非常清楚(添加了重点):

h1–h6 elements must not be used to markup subheadings, subtitles, alternative titles and taglines unless intended to be the heading for a new section or subsection.

简而言之，在 header 元素中使用适当分类的 p 元素:

<header>
    <h1>A BLOG TITLE</h1>
    <p class="tagline">the best blog in the world</p>
</header>

---

在 HTML5 中，有一个明显的解决方案:

<header>
    <h1>A BLOG TITLE</h1>
    <h2>the best blog in the world</h2>
</header>

当使用 HTML4 时，我个人倾向于将 h2 替换为 p class="tagline" 或类似的东西。

编辑:为了激发 HTML5 中 h2 的使用，想想 Dr.奇爱:

<h1>Dr. Strangelove</h1>
<?>Or: How I Learned to Stop Worrying and Love the Bomb</?>

p 元素在这里有意义吗？不完全是——这不是一个段落，而是一个标题。 h2 是否按原样工作？不，我们可能会将它与文本本身的字幕混淆。那么我们该怎么办？我们使用 h2 并使用 header 元素将其与 h1 分组，从而消除了文本中字幕的歧义。