如何在语义上标记标题前‘；踢球者’；在HTML中？

许多新闻网站在每篇文章的标题前都有一个小标题（如《卫报》和英国《金融时报》的截图所示，如下）。有时这是一个链接到文章的类别/标签/专栏，有时它只是一个静态的缩影，为标题提供上下文。记者经常称之为“踢者”

目前，我只是使用一个

div.kicker

来标记这一点，但是否有更合适的语义元素可以使用

<header>
    <div class="kicker">Science</div>
    <h3>New frontier as astronomers witness neutron stars colliding</h2>
</header>

科学类
天文学家见证中子星碰撞的新前沿

---

我会使用一个

h？

标记，其数字的重要性低于标题元素上的数字

因此，如果您使用

h3

作为标题，我将使用

h4

或

h5

。 （如果您使用的是字幕，则踢球者应该更低）

---

---

这也是facebook标记其文章的方式（）

不。没有比这更合适的元素了，而且你已经得到了很好的东西

请注意，语义HTML本身并不是一个目标，而是实现媒体独立性的一种手段。因此，您应该考虑的是，当由图形用户界面以外的其他媒体呈现或使用时，内容将如何体验

例如，想想屏幕阅读器用户。他们通常做的一件事是中断正在阅读的文本，然后跳到下一个标题元素。如果他们在这种情况下这样做，他们将无法听到踢球者的声音。那有关系吗？这是对你的判断。在你上面给出的例子中，我的观点是它不是；标题中有足够的信息让他们能够决定是否阅读这个故事。另一方面，如果您认为kicker包含关键信息，以便他们能够做出决策，那么您可能希望将kicker放在heading元素中。

您可以使用

元素

文章元素是一个完整的或自包含的元素，
文档、页面、应用程序或站点中的组合，即
原则，可独立分发或可重复使用，例如
联合。这可以是论坛帖子、杂志或报纸
文章、博客条目、用户提交的评论、互动小部件
或小工具，或任何其他独立的内容项

和
元素

4.3.3要素

section元素表示文档或文档的通用节
应用在这种情况下，一节是一个主题分组
内容，通常带有标题

有关标记以及在HTML标记中包含结构化数据的信息，请参见。
是否有更合适的语义元素可供使用？定义合适的？适用于谁和为什么？@Liam—“适用于”—也就是说，在语义上尽可能精确。例如，在语义HTML中，
比
更适合表示强调，因为它在语义上更精确。这取决于阅读内容。谷歌决定的是，最具语义的服务将与bing网络蜘蛛或盲人用户的屏幕阅读器完全不同。语义标记这个术语基本上没有什么用处。这不是一个定义明确的概念，一个概念。因此，对于你所问的“语义网的概念在2013年几乎被抛弃”没有标准。是什么事实让你得出了这个结论？微数据、微格式、JSON-LD仍在部署中，而结构化数据测试工具（以前的富代码片段测试工具）仍在运行中。这是否打破了标题的常规流程？你可能会得到一个h5（kicker），然后是h3（title）和h4（subtitle）。这将是有效的HTML，但是，从语义/可访问性的角度来看，这不是不一致吗？@Alvarontoro我相信从语义上来说，这将是好的，尽管就可访问性设备如何理解这一点而言，您提出了一个有效的观点。问题中的代码似乎是最有效的，使用
标题
并将
div
或
span
嵌套在
h3
中，我想你没有读到问题。我问的是标题前的扣人心弦的人，不是整篇文章的卡片。@callum是的，读这个问题。OP中的每个图像（如果是HTML）都可以是
元素，包括关于该片段的可选嵌入元数据；如果需求在整个文档中语义一致。也许问题实际上并不在于在描述内容的HTML文档中包含完整的语义标记和机器可读数据？@callum调整HTML标记的目标是什么？您调整标记只是为了调整它吗？或者，您是在为HTML的消费者调整标记，还是在为web上传输的任何其他文档调整标记？