使用正確的標記語法-清單List

要從 XHTML(eXtensible HyperText Markup Language) 出發,並遵循 W3C 制定的標準,使用正確的標記語法,並達到最多的要求。這對於網頁設計的-清單 List -來說,應該使用以下的標記語法:
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
<li>項目4</li>
</ul>

這樣正確的語法看起來似乎微不足道,可是在使用上卻有不少好處:
由於正確的標記了項目清單,所以每個項目會自成一行,而且大多數的瀏覽器都會在清單項目前顯示圓點。同時,當一個項目文字超過一行,第二行以後也會自動縮排及換行。這樣不管在什麼樣的裝置都可以看到清楚、明確的清單架構顯示,當視窗縮小或字型放大造成換行的情形時,換行的文字也會自動對齊第一行,這樣就能輕易區分每個清單項目,而不會混淆。此外,如果想要使用 CSS 來加上各部份的獨特樣式,也是非常方便。

更多技巧:使用 CSS 自訂清單的項目符號

留言