| |
每一個編程人員在編寫代碼方面都因個人喜好而擁有自己的編寫風(fēng)格。我們沒有必要都用相同的方式制作文檔頁面。有時決定用一個標(biāo)簽元素，而其他的編程人員可能選擇其他的解決方案。在這篇文章里我列舉了5個我最常用的編寫偏好并說明我的理由。
一、導(dǎo)航：無序列表 對 其它標(biāo)簽元素
用最常用的“無序列表“來寫導(dǎo)航的理由是顯而易見的，它代表一列鏈接，這本身就有足夠的理由應(yīng)選擇列表標(biāo)簽。但需要移除list列表的默認(rèn)樣式，以使其更有意義。
另一個好處可能超出你的想象：你建立一個list列表，同時里面添加a鏈接，用css可以控制定義list列表里面一串元素。
＜ul＞＜li＞＜a href="#"＞收集分享＜/a＞＜/li＞＜/ul＞
二、路徑(面包屑)：p段落標(biāo)簽 對 list列表標(biāo)簽
我們可以一起探討這個問題，如果你有其它更好的方式請告訴我們。就我個人而言，我更喜歡用如下的代碼寫路徑（面包屑）。（然而我不經(jīng)常使用＞＞符號）。
＜p id="breadcrumbs"＞＜a href="#"＞首頁＜/a＞ raquo; ＜a href="#"＞關(guān)于我們＜/a＞ ＜/p＞網(wǎng)站路徑（面包屑）在某一頁面里面是有層級關(guān)系的，按道理說應(yīng)該嵌套list列表來顯示層級關(guān)系，但是如果你的list的列表里面只有一項(xiàng)的話你是怎么看待這種情況的？我個人感覺應(yīng)該將網(wǎng)頁路徑(面包屑)顯示在一行里面。
三、Button 對 Input
我已經(jīng)記不清最后一次使用input type=”submit”是什么時候了，但我很久以前就不這么使用了，原因有兩個：為什么button元素非要輸入type=”submit”，botton就是它本身的元素，在代碼里面botton很容易識別，并且用css很容易定義（不是所有的老版本的瀏覽器支持這個元素標(biāo)簽屬性）。并且它也允許我們在它里面寫入其他標(biāo)簽元素，這樣擴(kuò)展了我們對它可塑性的可能性。
＜button type="submit"＞Submit Form＜/button＞
四、留言：有序列表（ol） 對 無序列表（ul）
list列表真的很棒！有3種不同類型（有序、無序和定義列表），它們各有各的用途。可能你對何時使用有序列表（ol），何時使用無序列表（ul）有所疑惑，因?yàn)樗鼈兪裁磿r候使用都是講得通的。留言有點(diǎn)像是教科書里面按時間的先后順序排列整齊的例子，向上自然排序。每一個評論留言都對應(yīng)著一個固定的時間，所以留言評論結(jié)構(gòu)應(yīng)該用有序列表（ol）。
＜o(jì)l＞
＜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 對 其他標(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來鑲嵌label/input，label和與之相關(guān)聯(lián)的被看做一個整體。div元素?fù)碛泻軓V的語義特性，同時它可以適應(yīng)任何形勢。
＜div＞
＜label for="contactName"＞Your Name＜/label＞
＜input type="text" name="contactName" id="contactName" /＞
＜/div＞ |
|
|
| 【收藏】【打印】【進(jìn)入論壇】 |
|
|
|
|
| |
|
|
|
