無序列表:不僅僅是子彈形符號
列表概念
當標記一些能夠使用列表來定義的內容時,你應該考慮使用無序列表(<ul>)來表現。不僅可以提高HTML原始碼的可讀性,而且賦予內容意義,如果不使用的話將不會有這樣的意義。
未充分利用和誹謗
很多網站避免使用無序列表來標記內容,這些內容明顯需要這樣做才顯得有意義。在這些網站中你經常會發現無格式的<div>標籤被<hr>標籤所隔開,或者一大串的<a>標籤被定界符如|或者•隔開。這樣做的主要理由可能是CSS的<ul>元素的樣式包(補白,子彈形符號等),很多站長發現為古老的元素如<div>應用樣式比刪除<ul>更容易。加上這個在不同瀏覽器平台中的矛盾的預設樣式的實現,我們手中簡直就一團糟。
幸運的是,CSS使列表在不同的現代可視化瀏覽器中的表現一致,(外觀)能夠等同於<div>設置是內聯的<span>,得到了廣泛的支援。
使用無序列表的好處
上下文的意義
像<div>和<span>這樣的元素語義上是空無的,除了表示在塊中把內容組合在中間外沒有其他意義。所能傳達的所有意義只能是如何使CSS影響他們的在一個可視化瀏覽器中文字的顯示結果。
把適當的內容分類進列表,通過標記獲得了意義,獨立於樣式表之外。只掃描你內容(忽略可視化的CSS)的使用者代理比如文字瀏覽器,文字到聲音的瀏覽器,甚至是搜尋機器人能夠理解你的列表組織並且能夠繼續進行呈現(或解析)這些列表。
可用性的協助
顯示一串無格式系列的連接(<a>元素)引起文字瀏覽器處理它們時串在一起,使得一個使用者很難在它們之間選擇。很多教學推薦權宜的解決方法是在這些連接之間插入定界符來防止混淆。跟更為普遍的使用<div></div><div></div>的方法來顯示內容一樣,用<hr>或CSS邊框來間隔,這可能會沒有該塊是該系列的一部分的效果。
為這些布局使用無序列表使得非可視化瀏覽器可以以列表格式代替像湯一樣無格式塊或內聯元素來呈現內容。元素的分離和組合自動的變得有意義,沒有人工的分離,沒有定界符或者<hr>元素,他們都不必要了。
這是好事情
列表語義上給予任何項目的組合彼此粘合的理由,它可以繼續工作儘管你的樣式表被忽略掉。無論哪裡,只要有其意義的話就使用列表是一個聰明的文件組織實踐。