一、導航：無序列表 對 其它標簽元素

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

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

收集分享

二、路徑(面包屑)：p段落標簽 對 list列表標簽

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

首頁 ? 關(guān)于我們

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

三、Button 對 Input我已經(jīng)記不清最后一次使用input type=”submit”是什么時候了，但我很久以前就不這么使用了，原因有兩個：為什么button元素非要輸入type=”submit”，botton就是它本身的元素，在代碼里面botton很容易識別，并且用css很容易定義(不是所有的老版本的瀏覽器支持這個元素標簽屬性)。并且它也允許我們在它里面寫入其他標簽元素，這樣擴展了我們對它可塑性的可能性。

Submit Form

四、留言：有序列表(ol) 對 無序列表(ul)

list列表真的很棒！有3種不同類型(有序、無序和定義列表)，它們各有各的用途?？赡苣銓螘r使用有序列表(ol)，何時使用無序列表(ul)有所疑惑，因為它們什么時候使用都是講得通的。留言有點像是教科書里面按時間的先后順序排列整齊的例子，向上自然排序。每一個評論留言都對應著一個固定的時間，所以留言評論結(jié)構(gòu)應該用有序列表(ol)。

Author's name

posted on date-goes-here Comment text goes here...

五、label/input：div 對 其他標簽元素

給label/input外鑲嵌父結(jié)構(gòu)，什么標簽元素才是最好的選擇那？

Your Name

使用恰當?shù)臉撕灤a在以前是可以探討的，但現(xiàn)在我還是選擇了用div來鑲嵌label/input，label和與之相關(guān)聯(lián)的被看做一個整體。div元素擁有很廣的語義特性，同時它可以適應任何形勢。

Your Name

中文原文：我的5個html編寫偏好

英文原文：My Top 5 HTML Coding Preferences

總結(jié)

以上是生活随笔為你收集整理的html网页效果分析,熟手的html编写风格与原因分析_HTML/Xhtml_网页制作的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。