hgroup包含一個img元素驗證爲HTML5

我讀過一個hgroup只能包含Hx元素，但是，我有一個img包裹在hgroup中的一個錨點中，它仍然有效。這是否符合規範？hgroup包含一個img元素驗證爲HTML5

這是我目前使用的一種非常常見的頭部結構和一個：

<header> 
    <hgroup class="header"> 
     <h1 class="siteTitle"> 
      <a href="/">Site Title 
       <img src="logo.png" alt="Site Logo" class="logo" /> 
      </a> 
     </h1> 
     <h2 class="tagline">Just another WordPress site</h2> 
    </hgroup> 
    <nav class="menu nav">Nav goes here</nav> 
</header>

來源

2012-03-07 RegEdit

我讀過同樣的東西，所以我猜測，任何非內聯元素是什麼意圖？就此而言，hgroup內部還有一個錨元素，但兩者看起來都非常合理。 – kinakuta 2012-03-07 21:27:09

也許，但規範特別提到「一個或多個H級元素..」，並沒有明確說明「或內聯元素」。這似乎是如此，因爲它目前雖然驗證。 – RegEdit 2012-03-07 22:02:57

您將在HTML5Doctor上看到完全相同的描述，稍後會看到一個包含錨點元素的示例。 – kinakuta 2012-03-07 22:12:44

我不知道你讀過什麼，但它要麼，或者你感到困惑。 hgroup只能有hx兒童。 hx元素可以包含與他們在沒有hgroup時所做的內容完全相同的內容，即短語內容，其包括img和a元素。

將它與ul元素進行比較 - 它只能有li子元素，但li可以包含各種元素。

來源

2012-03-09 01:08:03 Alohci

若要使用自己的例子，你的代碼是完全有效的，因爲hgroup元素包含只有H1 H2 & elemens。通過「包含」，標準是指直接子女的hgroup元素：他們應該是h1-h6。每個標題元素中的html應該適用於h1-h6驗證規則。因此，在驗證器的邏輯之後，允許h1包含錨點元素，並允許錨點元素包含img元素;因此你的代碼是有效的html5。

來源

2012-06-22 12:27:05 ppetrid

hgroup包含一個img元素驗證爲HTML5

回答

相關問題