命名divs的xhtml/css最佳實踐

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

隨着名稱的空間呢？然後，當然，在CSS中我會是這樣的：

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

我想我只是想知道，如果你能在實際的標記的空間像我張貼，它是XHTML嚴格？我檢查過W3C驗證，但由於某種原因，我放入的任何內容都已過時。嘆息...

2012-02-21 Brian

這不是div的'name'，而是兩個類的賦值，這當然是正確的。 – Smamatti 2012-02-21 02:06:32

ID和類不能有空格。如果你輸入一個空格，那麼你將添加兩個類，所以W3會解釋它，並且不會給你帶來錯誤。你的CSS是正確的。

2012-02-21 02:04:24 elclanrs

這個想法是，我會減少我的樣式表中的CSS屬性的數量。所以，我會使用框架作爲一般類，然後像使用像添加另一個屬性一樣的標題。我不知道這是否有意義？呵呵。很難解釋我猜... – Brian 2012-02-21 02:09:54

是的，看看** animuson **答案。如果你想要獨特的東西，然後使用一個ID。和一個你將會在多個元素中獲得的東西。 – elclanrs 2012-02-21 02:11:52

是的，你可以。該類不是該元素的「名稱」，而是一個適用於該元素的類的列表，由空格分隔。如果您希望該元素具有僅與其相關的特定「名稱」，請使用id屬性。請記住，在文檔中必須是完全獨特的，並且ID不能有空格。

喜歡的東西：

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

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

2012-02-21 02:05:32 animuson

是的，id是唯一的，但使用獨特的類沒有什麼問題，儘管id更合適。 – elclanrs 2012-02-21 02:08:10

好的，謝謝！我一直在做HTML多年，但從來沒有真正知道我是否可以做到這一點。從未問過。我已經看到它按照之前我剛剛問過的方式完成，但不知道它是否會進行驗證或其他任何操作。無論如何，感謝您的互動！有趣，呃？ – Brian 2012-02-21 02:17:32

你在做什麼是有效的。

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

由於name屬性已被替換爲xhtml中的id屬性，因此最好有一個ID屬性來唯一命名和引用特定元素。

2012-03-15 03:06:41 techlead

回答