效益使用類而不是ID

Question

，你爲什麼會用「DIV類」，而不是「div ID爲」

通常當我的名字一個div我用「身份證」給一個名稱的元素，並與設定參數。我真的只用「班級」來賦予它特殊的特徵。以我爲例。

但是，我有一個教授誰會「班」來識別他所有的divs。例如，教授的例子。

有人可以解釋「div class」而不是「div id」的好處嗎？

Answer 1

<div class="some_class"> 

    <p>This can be used any number of times on one HTML page</p> 

</div> 

<div id="some_id"> 

    <p>This CAN be used multiple times with the same ID, 
     but it is invalid code, as a specific ID should 
     only be used ONCE per html page</p> 

</div> 

這是一個較舊的但仍然不錯explanation。

Answer 2

ID對頁面來說是唯一的，所以它更適合識別。 班級並不是獨一無二的，應該是將相似的風格組合在一起。

否則表示，如果您需要將某些東西應用於該特定div，則應該使用該ID來調用它，因爲它會優先於可能影響它的其他CSS樣式。 類將允許您在風格中設置一些共同點，以便在不同類型的元素中使用相似的字體或大小。

Answer 3

如果您使用Javascript，使用classnames來標識元素而不是id的一個很大的優勢。

爲元素賦予一個id也會創建一個具有相同名稱的全局javascript變量。有關該行爲的更多信息，請參閱Do DOM tree elements with ids become global variables?。

擁有這種隱式創建的變量最多是令人困惑的，最糟糕的是導致難以找到錯誤。