在引擎蓋下，HTML5標籤（文章，節，旁邊，頁眉，頁腳）像div一樣實現嗎？

Question

我知道所有這些標籤都有不同的語義，比如article就是一個故事， section是用於頁面的自包含部分...

它們是很好的和有用的標籤，在許多方面。但是，他們只是語法糖嗎？因爲我沒有看到他們之間的風格差異。當沒有應用任何CSS規則時，它們就像div s。

希望一些webkit/gecko專家可以在代碼級別上闡明它。

Answer 1

大部分是的。它們實際上不是div，而是塊級元素（細微但不同）。

http://diveintohtml5.info/semantics.html#new-elements

有其是塊級元素在HTML5定義了幾個新的元素。也就是說，它們可以包含其他塊級別的元素，符合HTML5的瀏覽器將默認將它們設置爲display：block。

所以，現在他們只是爲了縮短代碼長度並創建更清晰的標記，但這是塊級元素的作用。如果您從<p>標記中刪除默認樣式，是不是就像<div>？

Answer 2

我沒有看到它們之間的風格差異。當沒有應用任何CSS規則時，它們就像div一樣。

每個瀏覽器都有自己的原生樣式表應用於頁面內容。這就是我們通常使用CSS重置樣式表的原因 - 將不同瀏覽器樣式表之間的所有內容標準化。風格和內容是兩個完全分開的東西，看起來像與是沒什麼關係，因此您不應該根據您希望顯示的頁面標記頁面。有時候，瀏覽器可能會將默認樣式添加到某些HTML5元素，例如<section> s上的某些填充，但這並不重要（實際上也不太可能）。

它們只是語法糖嗎？

根本不是。雖然看起來沒有多大區別，但它可以讓您的內容以更有意義的方式被屏幕閱讀器或搜索引擎所理解。

由於Grillz's answer提到，所討論的元素都是塊級元素，所以在這方面 - 它們基本上呈現爲div s，但具有語義值，並不意味着用作通用容器元素。