HTML 5語義標記應該用於樣式嗎？

Question

我必須承認HTML5語義標記讓我困惑。 我特別在談論這些標簽：

<header>
<nav>
<section>
<article>
<aside>
<footer>

使用語義元素為UA提供了通常無法從<div>獲取的信息，但是它們是否應與 <div>標簽一起使用，還是可以/應該直接設置語義標記？

換句話說，什么是正確的方法？

這個：

<div id="content">
    <section>
        <h1>Lorem ipsum></h1>
        <p>Text</p>
    </section>
</div>

或這個：

<section id="content">
    <h1>Lorem ipsum></h1>
    <p>Text</p>
</section>

Answer 1

如果您使用語義標記標記，則不應對同一事物使用分區標記。 語義標簽是一些div標簽的替代品。

div標簽當然仍然有用，因為當沒有適合的語義標簽時。

Answer 2

我相信你的第一個例子在語義上是正確的，假設你在div標簽中有更多的section標簽。

div標簽意味着頁面的一部分用於內容，然后section標記類似帖子。

Answer 3

第一個例子使用起來更安全。

<section>
  <h1>Lorem ipsum></h1>
  <p>Text</p>
</section>

是內容。

為了設置此內容的樣式，您可以將其包裝在容器內，例如。 div使用樣式鈎子（類）並應用樣式。

Answer 4

由於新標簽不被瀏覽器普遍認可，即使作為樣式的候選者，使用div與class更安全。 您也可以只使用的選項div與class像以前一樣，現在或在可預見的未來，你不會失去任何東西。 沒有軟件關心新標簽的“語義”。