xhtml / CSS命名div的最佳做法

Question

這樣命名div是否有效？

<div class="frame header">Some content here</div>

名字中有空格？ 然后，當然，在CSS中我會有類似的東西：

.frame { display: block; }
.header { background-color: #efefef; }

我想我只是想知道你是否可以在我發布的實際標記中有空格並且它是XHTML嚴格的？ 我已經檢查過W3C驗證，但是由於某種原因，我放入的任何內容都是通過的。 嘆...

Answer 1

id和類不能有空格。 如果您放置一個空格，那么您將添加兩個類，因此W3會按原樣解釋它，並且不會拋出錯誤。 你的CSS是正確的。

Answer 2

是的你可以。 該類實際上不是元素的“名稱”，而是適用於它的類的列表，由空格分隔。 如果您希望該元素具有僅與之相關的特定“名稱”，請使用id屬性。 請記住，它在文檔中必須是唯一的，並且ID不能有空格。

就像是：

<div class="frame" id="header">Some content here</div>

.frame { display: block; }
#header { background-color: #efefef; }

Answer 3

你在做什么是有效的。

但是，html / xhtml文檔中的任何數量的<div>元素都可以具有相同的類定義以用於演示目的。

由於xhtml中的name屬性已替換為id屬性，因此最好使用ID屬性唯一地命名和引用特定元素。