html - 标题的附录或描述的适当语义表示

Question

说我在表格中有内容

<h2>George Epworth</h2>
<h3>Director</h3>
<p>Content Content Content</p>

在那里，我将 h2 的描述性部分表示为 h3，但它实际上是 h2 的更多部分，不是吗？这里的 h3 本身并不存在，它依赖于 h2。只是想最灵活的方式来定义这个元素......

Answer 1

使用 HTML 5，您将使用hgroup元素：

<hgroup>
  <h2>George Epworth</h2>
  <h3>Director</h3>
</hgroup>
<p>Content Content Content</p>

可以选择将整个事物包装在一个<section>元素中。

Answer 2

当涉及语义时，应该研究整个页面，没有它，很难推荐一种方法。这就是我的看法：

您可以将 H1-H6 视为标题重要性的层次结构，问问自己重要性是否从“姓名”变为“职位” - 如果是，那么将它们分成 h2 和 h3 是语义上的方法。

在我看来，更准确的表示是定义列表方法：

<dl>
  <dt>[Name]</dt>
  <dd>[Job Title]</dd>
</dl>

您仍然可以添加<h2>and<h3>元素 - 但我相信它们足以表示数据，可以相应地设置样式，并通过<dd>.