HTML教程:無序列表無序列表

段落已經講完了，那么一些基本的應用方式也講了一些，那么是否已經應用了呢？當然應用可以更為豐富，那么這些就需要自己在實際工作中不斷的摸索與思考，然后創新并總結得出新的應用形式。當然了段落不能當作萬用膏藥一樣倒處使用，不過相信大家也都知道現在“DIV”這個標簽的作用已經被擴大化了（POPO曾有一篇文章《<DIV>不是萬能膏藥》），更已經被一些人拿來與CSS一并說事。這里呢還是要重新強調一次：DIV只不過是HTML中的一個無語意標簽，他可以用來布局或是作為無語意部分的處理，而CSS則是一種樣式語言。名不正則言不順，我這里不是古板，而是這種說法會讓大家對于標準的理解會產生偏頗。基本的等級都弄不清楚，把標簽功能無限放大，這些都不是一個正確的學習態度。我這里細細講解各種標簽以及用途其中一點也是希望大家正確理解WEB標準的意義。正確的說法應該是“xHTML+CSS”或是“WEB標準”簡稱為“標準”也可以。今天不是為發牢騷的，還是講今天的主題《無序列表》

列表，相信大家都已經用過了，Word里也有，很多文檔編輯里也都有。而在HTML中的列表則有三種類型：無序列表、有序列表、定義列表。飯要一口口的吃，事要一件件的做，今天只講無序列表，并且今天所講的列表不會涉及到CSS的美化工作。說到這里大家應該也明白了，我的講解都是分開來的，并不以樣式美化為主，這也是要告訴大家標簽代碼非常重要。那么我們首先就要來理解列表。我們日常生活工作都是瑣碎而沒有條理的，而要想得到一個高效的友好的信息互通那么就要梳理信息，做好歸類。這樣才能有效傳達信息。用列表把同類的內容進行簡單的歸納，我認為這是列表的一個基本作用。常見的用途有：圖書目錄、飯店菜單、人員名單、待辦事宜等等。而這些信息大多不是大篇的信息內容，而是簡要的標題。當然列表的用途不是說只能是歸納標題信息，列表并沒有去限制內容的多少。只是我們常用列表去歸納的多是些標題信息罷了。

那么我們又如何去理解無序列表呢？無序的對應就是有序，從字面上去理解就很容易，有序就是說他本身就標明了前后順序的，這是嚴格的，并且這些信息本身就有著順序特性。比如我們寫操作步驟那就就需要明確第一步第二步，這樣的信息必然是有序的，而無序呢？也就是說其本身就是無序的沒有任何順序可言。這里要舉個實例讓大家思考一下：政府部門的領導名單前后順序是他們最頭疼的事，雖然他們有時會寫著排名不分先后，但是實際上依然是有排名的，那么這里我想提出問題：這樣的名單應用有序列表還是用無序列表呢？當然這個沒有標準答案，各人都有各人的思考方式，那么你是怎么想的？不妨在評論上留下你的想法。這里我就不說我是怎么想的，希望大家能多動動腦筋，多思考。

列表的標簽形式是：

這里我們要注意到，列表有兩個部分，一個是最外面的一個標簽<ul></ul>，一個是里面的內容<li></li>。我們可以這樣去理解，<li></li>是一個個標準化的小盒子，他們主要存放著列表信息，而<ul></ul>則是個大箱子，他的作用就是存放小盒子。這些一個個的小盒子只有放在大箱子里他們才不會弄丟了。整齊而有利于運輸（移植）、存放（定位）。那么列表與段落一樣可以有很多屬性在其中，比如，我們可以為<ul></ul>設置一個id或是class或是title等屬性，其特點功用與段落中的一樣。而<li></li>也可以有這些屬性，但是一般情況下來說列表即然是同類的一般也不作特殊化處理。

那么無序列表基本上也就算是講完了，其實這篇最重要的內空就是什么樣的信息應該用無序列表，而這些則需要在實際應用的時候多分析多思考。那么對于還沒使用列表標簽的朋友，開始使用列表標簽，放棄用DIV代替列表標簽的做法。或是用表格來表現列表的朋友也可以試著改變一下。從現在開始使用無序列表標簽。當然如果你已經用了發現這樣還不能滿足你，那就等后面講解如何用樣式去開發出列表的潛力吧。今天講的內容雖然比較簡單，但是還是希望來讀本篇文章的朋友可以思考一下上面我提出的問題。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈