|
方法 B: 會咬人的小圓點
<li>Apples<br />
<li>Spaghetti<br />
<li>Green Beans<br />
<li>Milk<br />
大多數(shù)成熟的瀏覽器在解析<li>標簽時都會在清單項目的左側加上圓點符號,你能通過方法B來達到這個效果,在需要圓點符號時加入<li>標簽.但是如果<li>標簽沒有被包含在適當?shù)母笜撕炛袝r,那有些瀏覽器不會顯示出圓點符號,適當?shù)母笜撕灠◤姶蟮?lt;ul>以及<li>的另一個父標簽<ol>(有序清單),這個會在稍后有更多的討論.
圓點符號的出現(xiàn)在某種程度上的確能夠幫助解決換行問題,每個食品項目在左邊會有小圓點符號,如果某個項目過長折行的話,旁邊沒有小圓點符號應該就可以很明顯的看出這并不是全新的項目,但是方法B仍然有顯示結果意外的問題:它并不符合標準.
麻煩檢查一下
根據(jù)W3C的XHTML 1.0規(guī)范,所有的標簽最后都必須要閉合起來 — 如果我們還是繼續(xù)使用上面示例中的寫法,讓所有的<li>保持開放狀態(tài)的話,那就太丟臉了!
在行末使用<br />標簽來模擬正確的無序清單自動換行的顯示效果,但其實我們有更好的方法.
一向以來,養(yǎng)成編寫正確的標簽語法的習慣非常重要,正確的編寫標簽語法,我們可以不必在未來擔心由于沒有閉合標簽或者不正確的嵌套元素所帶來的問題.如果有人閱讀這些源代碼的話,也可以使他們更加深入的理解源代碼想要達成的效果.
記得善用W3C的在線檢測工具(http://validator.w3.org/)來檢查你提交的URI或者上傳的文檔,最終你會覺得這樣做非常值得.
出處：藍色理想
責任編輯：moby
上一頁 標記語言——清單 [2] 下一頁 標記語言——清單 [4]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 3 頁 標記語言——清單 [3]
