2014-02-16 30 views
0

我最近一直在研究響應式設計技術/教程,並且已經看到各種不同的源對於它們的主頁面元素(Nav,Wrapper,Footer等)使用ID和Class屬性,並且似乎無法找到詳細的解釋並且理由應該使用哪些以及爲什麼。主要的html頁面元素 - ID還是類?

我明白它們之間的區別以及它們應該在哪裏和不應該被使用,但是據我所知,對於像容器這樣的主要元素來說,它沒有什麼區別,因爲最有可能只有1或者這些的一些情況。

一個人告訴我應該使用ID,因爲它們可能不會被多次使用,另一個人會告訴我爲他們使用類,但沒有人真正給我一個合理的理由。

我絕不是一個網頁設計專家,並希望有人可以告訴我這個,所以我可以堅持一個或至少知道什麼時候交替使用它們。

感謝=)

回答

1
#id1 {color:red;} 
.class1 {color:red;} 

這兩條語句是相同的。儘管HTML中有一些規則要遵循。一個id只能使用一次,一個類可以用在同一個文檔的多個元素上。您可以對單個項目使用類,但不能在多個元素上使用ID。在你看到你的編程需要什麼樣的嚴謹性之後,由你決定。

良好做法:

<div id="title-of-my-page"></div> 
<div class="one-article special-class-grey-gabarit"></div> 
<div class="one-article special-class-red-gabarit"></div> 

我可以使用特定的類模板。區分一個區塊部分等...

+0

對於良好的實踐示例爲+1,但這兩個語句不完全相同,因爲ID比類有更多的優先級 –