Html 什么'；在语义上，做副标题最正确的方法是什么？

在语义上最正确的副标题或副标题是什么？下面的例子

---

关于 我们卖苹果，耶

同侧眼线

---

由于副标题的内容与实际的信息性标题相比并不重要，我认为屏幕阅读器和搜索引擎不应将其视为单独的标题

因此，我想到的选择如下：

• 关于我们卖苹果，耶->这是我想要避免的
• 关于我们卖苹果，耶->有效。这是最好的方式吗？不知道
• 关于我们卖苹果，耶->标题的一部分。我真的不知道这是好事还是坏事

---

对此有什么建议吗？

我个人认为你的第二个选择是最好的。“关于”是一节的标题，但“副标题”比节标题/标题更具描述性。您可以使用

而不是span来表示它比文本的其余部分更重要，但不是标题

如果它们真的是副标题，比如

关于 关于我们

关于我们的文字

关于此网站的信息

有关此网站的文字

---

您应该使用

作为副标题。

HTML5通过

hgroup

标记来解决这个问题。用那个

如果您觉得还没有准备好迁移，那么我建议您在标记标题时仍然应该使用适当的标题标记。如果您觉得将两个标题标记为同级标题不舒服，也许您可以调整副本，将标题数量减少到一个

编辑：

---

自撰写本文以来，

hgroup

的未来就一直受到威胁：

编辑2：

自2013年4月2日起，

hgroup

从规范中删除：

（来源：）

Spec

h1–h6元素不得用于标记副标题、副标题、， 备选标题和标语，除非旨在作为 新的章节或小节

标题应有助于构成文件的大纲。Microsoft Word中的文档大纲也使用了标题1-6-1，这是一个很好的例子，说明了这一概念的实际应用。标题通常用作（或有可能用作）其他信息主体的标题，即“与其相关的章节的标题”

如果内容无助于形成文档的大纲，并且不可能成为其他信息的标题，那么它可能不属于

H[1-6]

标记

例子 标题通常包含一组介绍性或导航辅助工具。 ，我的

关于
我们卖苹果，耶！
标题.副标题{颜色：蓝色；}

我非常喜欢托比·因克斯特的建议：作为HTML5提出的

元素的替代方案，这对于许多网络作者来说似乎是一个难以理解的概念。（见布鲁斯·劳森的文章开头）托比建议：

<h2>
  <span>About<span>
  <small>We sell apples, yay!</small>
</h2>

关于
我们卖苹果，耶！

如果署名实际上是引用，则应使用blockquote

<h2>About Us</h2>
<blockquote class="byline"><p>We Sell Apples Yay!</p></blockquote>

关于我们
我们卖苹果耶

< /代码>如果你不认为你的副标题是重要的足以限定为实际标题，为什么你使用它们呢？为什么，特别是，你反对使用不同的<代码> <代码> />代码> <代码> /等等标签？@科迪，我认为“我们卖苹果，Yay.”这样的线条更像是一个装饰元素而不是标题。署名似乎是个恰当的术语。谁告诉你你想用“署名”这个术语是错误的。“署名”是“一篇新论文中表明文章作者的一行”。从字面上看，这是一条“行”，表明文章作者是谁。我想你指的是“副标题”（定义2），牛津美国人将其定义为“发表的作品或文章的从属标题，提供有关其内容的附加信息。”@AlanH。我想你是对的。太久了，我都不记得我从哪里得到这个词了。谢谢！：）除此之外，如果你用
来表示副标题，你就失去了用同一个标签来表示内容/正文的重要部分的能力。我编辑了我的答案，如果它是实际的副标题，你应该使用H元素，但如果它只是稍微重要一点的文本（无论它是在段落内还是在重要的子行中）我会用强力的。我不认为，如果在其他部分也使用强元素，会使其贬值。这真的取决于副标题实际上是某种标题/标题，还是更多的介绍行或其他内容。+1注意到HTML5对这种情况有更好的支持。我不知道有这样的标签。谢谢自撰写本文以来，
hgroup
的未来已经受到威胁：@nikc.org那么，既然hgroup已经过时，那么什么是合适的解决方案呢？@deathlock-使用
标题对内容进行分组似乎是一个合适的习惯用法。请参阅我更新的答案，并感谢您提供正确的术语。如果不是nikc的答案，我会接受你的答案（可惜你不能接受多个答案，如果他们都同样有用）+1:）那么站点标题呢？比如说，我应该用什么来描述博客？既然
已经是容器了，我就不能再装另一个
了。过去人们使用
（内部有
和
），但由于它不再受支持……适用的术语是“subtitle”，而不是“byline”。使用标题中的
小标记作为副标题是非常方便的。如果使用Bootstrap，它会非常方便。
<h2>About Us</h2>
<blockquote class="byline"><p>We Sell Apples Yay!</p></blockquote>