適當的語義表達

Question

說我有在

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

有我所代表的H2作爲H3的說明部分形式的內容，但它是真的多出部分h2不是嗎？這裏的h3並不存在，它依賴於h2。只是想想到的最靈活的方式來定義這個元素...

Answer 1

隨着HTML 5，你可以使用hgroup element：

<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>和<h3>元素 - 但我認爲，這些都是足以代表數據，可樣式據此，並通過<dd>包含更多信息。