應該使用HTML 5語義標記進行造型嗎？

我必須承認HTML5語義標記讓我困惑。我說的這些標籤，特別是：應該使用HTML 5語義標記進行造型嗎？

<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>

來源

2012-03-23 Nils Kaspersson

樣式標籤本身。請記住，某些瀏覽器在HTML5標記方面存在問題，因此您需要腳本和重置樣式才能注入新元素，ala http://www.modernizr.com/ – MetalFrog 2012-03-23 13:08:48

如果您正在使用語義標記標記，則不應該爲相同的事物使用分隔標記。語義標籤是一些div標籤的替代品。

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

來源

2012-03-23 13:09:33 Guffa

我相信你的第一個例子是語義正確的，假設你將不得不在div標籤更section標籤。

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

來源

2012-03-23 13:09:08 thecoshman

這裏有一個關於這個問題的好文章： http://www.nczonline.net/blog/2011/03/22/using-html5-semantic-elements-today/

根據Zakas（坦克·塞利克實際上），這是要走的路：從博客文章關於造型下面

<section><div class="section"> 
    <!-- content --> 
</div></section>

引用：

對於造型而言，Tantek建議不要試圖自己設計HTML5元素，而應該爲代理設計風格。因此，而不是這樣的：

section { 
    color: blue; 
}

使用此：

.section { 
    color: blue; 
}

來源

2012-03-23 13:13:38

由於新的標籤是不普遍的瀏覽器所識別，即使是作爲造型的考生，使用div與class更安全。您也可以像以前一樣僅使用div和class，現在或在可預見的未來您都不會丟失任何東西。沒有軟件關心新標籤的「語義」。

來源

2012-03-23 14:02:13

第一個例子更安全使用。

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

是內容。

爲了設置這個內容的樣式，你可以把它包裝在一個容器中，例如。div帶有樣式鉤子（class）並將樣式應用於它。

來源

2012-04-15 21:01:47 apnerve

應該使用HTML 5語義標記進行造型嗎？

回答

相關問題