一、導(dǎo)航：無(wú)序列表 對(duì) 其它標(biāo)簽元素
用最常用的“無(wú)序列表“來(lái)寫(xiě)導(dǎo)航的理由是顯而易見(jiàn)的，它代表一列鏈接，這本身就有足夠的理由應(yīng)選擇列表標(biāo)簽。但需要移除list列表的默認(rèn)樣式，以使其更有意義。
另一個(gè)好處可能超出你的想象：你建立一個(gè)list列表，同時(shí)里面添加a鏈接，用css可以控制定義list列表里面一串元素。
<ul><li><a href="#">收集分享</a></li></ul>
二、路徑(面包屑)：p段落標(biāo)簽 對(duì) list列表標(biāo)簽
我們可以一起探討這個(gè)問(wèn)題，如果你有其它更好的方式請(qǐng)告訴我們。就我個(gè)人而言，我更喜歡用如下的代碼寫(xiě)路徑（面包屑）。（然而我不經(jīng)常使用>>符號(hào)）。
<p id="breadcrumbs"><a href="#">首頁(yè)</a> » <a href="#">關(guān)于我們</a> </p>
網(wǎng)站路徑（面包屑）在某一頁(yè)面里面是有層級(jí)關(guān)系的，按道理說(shuō)應(yīng)該嵌套list列表來(lái)顯示層級(jí)關(guān)系，但是如果你的list的列表里面只有一項(xiàng)的話你是怎么看待這種情況的？我個(gè)人感覺(jué)應(yīng)該將網(wǎng)頁(yè)路徑(面包屑)顯示在一行里面。
三、Button 對(duì) Input
我已經(jīng)記不清最后一次使用input type=”submit”是什么時(shí)候了，但我很久以前就不這么使用了，原因有兩個(gè)：為什么button元素非要輸入type=”submit”，botton就是它本身的元素，在代碼里面botton很容易識(shí)別，并且用css很容易定義（不是所有的老版本的瀏覽器支持這個(gè)元素標(biāo)簽屬性）。并且它也允許我們?cè)谒锩鎸?xiě)入其他標(biāo)簽元素，這樣擴(kuò)展了我們對(duì)它可塑性的可能性。
<button type="submit">Submit Form</button>
四、留言：有序列表（ol） 對(duì) 無(wú)序列表（ul）
list列表真的很棒！有3種不同類型（有序、無(wú)序和定義列表），它們各有各的用途。可能你對(duì)何時(shí)使用有序列表（ol），何時(shí)使用無(wú)序列表（ul）有所疑惑，因?yàn)樗鼈兪裁磿r(shí)候使用都是講得通的。留言有點(diǎn)像是教科書(shū)里面按時(shí)間的先后順序排列整齊的例子，向上自然排序。每一個(gè)評(píng)論留言都對(duì)應(yīng)著一個(gè)固定的時(shí)間，所以留言評(píng)論結(jié)構(gòu)應(yīng)該用有序列表（ol）。
<ol>
<li>
<ul>
<li><img src="path-to-gravatar.gif" alt="Author's name" /></li>
<li><a href="url-to-authors-homepage.html">Author's name</a></li>
<li>posted on date-goes-here</li>
</ul>
<div>Comment text goes here...</div>
</li>
</ol>
五、label/input：div 對(duì) 其他標(biāo)簽元素
給label/input外鑲嵌父結(jié)構(gòu)，什么標(biāo)簽元素才是最好的選擇那？
<label for="contactName">Your Name</label>
<input type="text" name="contactName" id="contactName" />
使用恰當(dāng)?shù)臉?biāo)簽代碼在以前是可以探討的，但現(xiàn)在我還是選擇了用div來(lái)鑲嵌label/input，label和與之相關(guān)聯(lián)的被看做一個(gè)整體。div元素?fù)碛泻軓V的語(yǔ)義特性，同時(shí)它可以適應(yīng)任何形勢(shì)。
<div>
<label for="contactName">Your Name</label>
<input type="text" name="contactName" id="contactName" />
</div>
中文原文：我的5個(gè)html編寫(xiě)偏好
英文原文：My Top 5 HTML Coding Preferences
