分享html coding的幾個基本偏好原則

1.導覽列使用ul標籤

 

<ul>

   <li>link1</li>

   <li>link2</li>

</ul>

2.在sitemap/ breadcrumb時，使用 <p>。

3.用button 取代inpt

<input type="submit" value=""/> 

<button type="submit"></button>

好處一、在原始碼的認定上有其意義。

好處二、在撰寫css時，免去attribute的特別選定。

畢竟像ie6就不支援input[text]這種屬性的選擇器寫法。 

4.何時該使用ol, 何時該使用ul

在包含到有回應/或者內容前後有關連的時候，該用ol

5.到底該用什麼來包住label 與 input 的tag,

可以用ul/ li來呈現，也可以用filedset 與 p來區隔。

但在此推薦使用div為最佳解法。

原因是div為塊狀標籤，並且他最符合多項語意上的解釋。

<div>
    <label for="地址">地址</label>
    <input type="text" name="address" id="address" class="input1"  />
</div>

不過我個人為排版上的便利，

使用ul/li來呈現是目前較為推薦的作法，但缺點是較沒有彈性。

參考原文出處