HTML5標語作爲eshop的標題

當我需要在一個區塊中的前兩個標題時，如何使用HTML5語義標籤製作像這樣的文檔大綱？HTML5標語作爲eshop的標題

-MySite 
--Books for children 
---Book1 
---Book2

當我使用

<body> 
<header class="INeedThisInOneBox"> 
    <h1>MySite</h1> 
    <h2 class="slogan">Books for children</h2> 
</header> 
    <article> 
    <h1>Book1</h1> 
    </article> 
    <article> 
    <h1>Book2</h1> 
    </article> 
</body>

輪廓雲：

-MySite 
--Books for children 
--Book1 
--Book2

我想用語義標籤，但需要有授予的口號SEO的重要性。

來源

2015-09-07 Fanky

如果您停止使用分段內容元素（示例A），或者每當適當時（例如B）開始使用分段內容元素，您只能獲得此輪廓。

實施例A：沒有切片內容元素

<body> 

    <header> 
    <h1>MySite</h1> 
    <h2>Books for children</h2> 
    </header> 

    <div> 
    <h3>Book1</h3> 
    </div> 

    <div> 
    <h3>Book2</h3> 
    </div> 

</body>

實施例B：切片內容元素無處不

<body> 

    <header> 
    <h1>MySite</h1> 
    </header> 

    <section> 

    <h2>Books for children</h2> 

    <article> 
    <h3>Book1</h3> 
    </article> 

    <article> 
    <h3>Book2</h3> 
    </article> 

    </section> 

</body>

我不會建議使用實施例A實施例B是標記的正確方法（我會挑戰你的假設，你需要爲SEO做不同的事情，但是討論SEO是堆棧溢出的主題）。

來源

2015-09-09 12:05:33 unor

謝謝，我願意按照你的建議使用例子B，但正如我所問，我可以在一個容器中有h1和h2嗎？這個容器（我的代碼中的INeedThisInOneBox）只有樣式目的。 – Fanky

@Fanky：AFAIK也不包括整個'部分'在這個容器中。 – unor

所以這聽起來像答案是「不，你不能」，我開始討厭HTML5語義標記:) – Fanky

HTML5標語作爲eshop的標題

回答

相關問題