1. 程式人生 > >HTML class和id

HTML class和id

在HTML中,當在一個文件裡面我們要對多個標籤使用同一個樣式的時候可以使用class或者id,當然一般不推薦為了使用樣式而為標籤新增id;使用javaScript可以獲取class和id屬性,從而對標籤新增特定的行為。

元素唯一的ID:

       在元素的開始標籤中輸入id名,格式 id="name",name是id的名稱,程式設計師自己起,這個id是唯一識別元素的名稱,name不能有數字或者空格。id個人建議是用來作為當前文件的連結,在文件中進行跳轉的時候使用,HTML 文件中的每個 id 都必須是唯 一的。換句話說,一個頁面裡不能出現兩個具有相同 id 的元素,並且每個元素都只能有一個id。相同的id可以出現在不同的頁面裡, 同一 id也不一定每次都賦給同一元素,儘管這是慣常的做法。

       例:

              <div id="first">

              ....

               </div>

元素的類別:

       在元素開始標籤裡新增,格式class="name",class並不是唯一的,可以在頭部元素裡<style>標籤中定義,這樣可以讓class在多個標籤中使用,如果要指定多個類別那就將類別名字之間用空格分開,格式class="first second",類別名可以兩個以上,class儘量用來新增樣式,一個 class 名稱可以分配給頁 面中任意數量的元素,並且一個元素可以有 一個以上的 class。

       在標籤中新增class,例:

              <div class="first">

              ....

               </div>

任何HTML標籤可以同時用一個id和若干個class,id和class名稱最好是有意義的,自己打程式碼要看的懂啊,然後就是名稱中每個單詞之間用短橫線 “-” 隔開。建議是class和id統一定義在頭元素中會更好吧,我個人感覺哈。class和id的具體使用方式有很多,這裡不討論,要自己積累,我也就是做個最簡單的格式介紹,用多了就都會了。