熟手的html編寫風格與原因分析

用最常用的無序列表來寫導航的理由是顯而易見的，它代表一列鏈接，這本身就有足夠的理由應選擇列表標籤。但需要移除list列表的默認樣式，以使其更有意義。

另一個好處可能超出你的想像：你建立一個list列表，同時裡面添加a鏈接，用css可以控制定義list列表裡面一串元素。

 <ul><li><a href=#>收集分享</a></li></ul>

我們可以一起探討這個問題，如果你有其它更好的方式請告訴我們。就我個人而言，我更喜歡用如下的代碼寫路徑（麵包屑）。 （然而我不經常使用>>符號）。

 <p id=breadcrumbs><a href=#>首頁</a> » <a href=#>關於我們</a> </p>

網站路徑（麵包屑）在某一頁面裡面是有層級關係的，按道理說應該嵌套list列表來顯示層級關係，但是如果你的list的列表裡面只有一項的話你是怎麼看待這種情況的？我個人感覺應該將網頁路徑(麵包屑)顯示在一行里面。

我已經記不清最後一次使用input type=submit是什麼時候了，但我很久以前就不這麼使用了，原因有兩個：為什麼button元素非要輸入type=submit，botton就是它本身的元素，在代碼裡面botton很容易識別，並且用css很容易定義（不是所有的老版本的瀏覽器支持這個元素標籤屬性）。並且它也允許我們在它裡面寫入其他標籤元素，這樣擴展了我們對它可塑性的可能性。

 <button type=submit>Submit Form</button>

list列表真的很棒！有3種不同類型（有序、無序和定義列表），它們各有各的用途。可能你對何時使用有序列表（ol），何時使用無序列表（ul）有所疑惑，因為它們什麼時候使用都是講得通的。留言有點像是教科書裡面按時間的先後順序排列整齊的例子，向上自然排序。每一個評論留言都對應著一個固定的時間，所以留言評論結構應該用有序列表（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外鑲嵌父結構，什麼標籤元素才是最好的選擇那？

 <label for=contactName>Your Name</label><input type=text name=contactName id=contactName />

使用恰當的標籤代碼在以前是可以探討的，但現在我還是選擇了用div來鑲嵌label/input，label和與之相關聯的被看做一個整體。 div元素擁有很廣的語義特性，同時它可以適應任何形勢。

 <div><label for=contactName>Your Name</label><input type=text name=contactName id=contactName /></div>