HTML - 容器ID或類

在編寫HTML時，關於Container div的行業標準是什麼？
有一個Container id，或使用一個容器類，我添加到div我希望繼承這些功能是否更受歡迎？HTML - 容器ID或類

例如：

<body> 
    <div id="container"> 
     ...etc 
    </div> 
</body>

或

<body> 
    <div id="main" class="container"> 
     ...etc 
    </div> 
</body>

來源

2011-08-17 Wayne Haworth

還是習慣到現場。感謝您編輯我的文章以提高可讀性;我很感激。 –

當然，你可以看到我已經改變並應用在你以後的帖子中。 :) –

我不知道有一個行業標準。如果它是一個容器，你應該只有一個，所以一個ID是有道理的。儘管您認爲合適，但您可以使用類和ID，但更大的挑戰在於要使用適用於您正在使用的設計的乾淨編寫的，良好堆疊的規則。

編輯：你的問題剛剛更新 - 它最好能夠有id="container"，然後class="home"，class="about"等需要。這將使整潔的樣式表，並會給你的選擇，只需要覆蓋#container規則，如果你需要。

來源

2011-08-17 13:34:31

嗯，這是非常有趣的思想。謝謝馬特。 –

設置，因爲你只能有一個容器，容器的標識是最合適的。設置class =容器意味着存在多個容器。由於容器設計爲包裝所有頁面內容，所以您應該只有1.

來源

2011-08-17 13:31:52

給元素一個id，意味着該元素是唯一的。在你的情況下，一個容器div通常是唯一的，因此一個id會這樣做。

當您希望多個項目具有相同樣式時，將使用一個類。給不同的項目相同的ID，是違反W3C標準。

我認爲這是你應該自己決定的事情，我一直使用上述方式。

來源

2011-08-17 13:35:37 bjornruysen

對不起，很清楚，我知道類和id之間的區別。我認爲可能有一個實例，您可能想要在多個位置（頁眉和頁腳）使用相同的容器，但不在主內容中使用。 –

HTML文檔可以有幾個容器，全部共享一些風格，每個容器都有一些獨特的風格。

所以最好的做法是給每個班都和ID：

<div id="Header" class="container"> 
    ...header goes here... 
</div> 
<div id="Menu" class="container"> 
    ...menu goes here... 
</div> 
<div id="Contents" class="container"> 
    ...main contents come here... 
</div>

來源

2011-08-17 13:38:51

這與我的想法是一致的，在這種情況下使用「容器」這個詞不會混淆？ –

不是全部，通過讓你說「這個元素充當更多元素的容器」，並且可以對所有容器應用相似的樣式。 –

HTML - 容器ID或類

回答

相關問題