元素的屬性說明

對於xlog的html首先要了解的是id及class，id及class是在指定元素裡經常被使用到的屬性，我們以在html經常被使用到的元素div來舉例，div是一個區塊元素，假如A公司的網頁裡聯絡我們有高雄及台北兩家分公司，而每一個div所包住的剛好就是一個分公司的聯絡資訊，我們就可以指定class或id來定義此div所代表的是哪一間公司，也就是說我們是用class及id來賦予這些div意義。
將元素定義的好處在於如果html碼很多的時候，我們可以清楚知道各區塊所代表的意思是什麼，還有在搭配css方面，如果我們想讓各個區塊呈現出不同的大小、顏色只要加了id及class就可以個別設定了。

<div class="Kaohsiung">
<table>
<tr>
<td>電話：（07）XXX-XXXX </td>
</tr>
<tr>
<td>地址：高雄市XXXXXXXXX </td>
</tr>
</table>
</div>
<div class="taipei">
<table>
<tr>
<td>電話：（02）XXX-XXXX </td>
</tr>
<tr>
<td>地址：台北市XXXXXXXXX </td>
</tr>
</table>
</div>

id與class這兩者最大的不同，在於id在一個html裡只能被使用一次，而class在一個html裡則可以被使用很多次。第二個不同的地方是id可以被 Javascript中的 GetElementByID函數所運用，而class則無法被Javascript運用，因此在id及class的使用時機上建議儘量使用class。