一,無序列表
1肚医,列表標簽定義
給一堆數(shù)據(jù)添加列表語義,也就是告訴搜索引擎告訴瀏覽器這一堆數(shù)據(jù)是一個整體的標簽我們稱之為列
表標簽绢馍。
2,列表標簽的分類
1)無序列表(最多)(unordered list)
2)有序列表(最少)(ordered list)
3)定義列表(其次)(definition list)
3肠套,無序列表
作用:給一堆數(shù)據(jù)添加列表語義,并且這一堆數(shù)據(jù)中所有的數(shù)據(jù)都沒有先后之分舰涌。例如:中國有哪些城市。
格式:
<ul>
? ? <li>需要顯示的條目的內容<li>
<ul>
其中:li是list item(列表條目)的縮寫你稚。
注意:
1)ul標簽是用來給一堆數(shù)據(jù)添加列表語義的,而不是用來給他們添加條目前的小圓點的瓷耙;
2)ul標簽和li標簽是一個整體,是一個組合.所以一般情況下ul標簽和li標簽都是一起出現(xiàn),不會單個出
現(xiàn).也就是說不會單獨使用一個ul標簽或者單獨使用一個li標簽,都是結合在一起使用;
3)由于ul標簽和li標簽是一個組合,所以ul標簽中不推薦包含其它標簽,也就是說以后你在ul標簽中只
會看到li標簽刁赖。
無序列表應用場景:
1)新聞列表搁痛;2)商品列表;3)導航條宇弛。
有序列表和無序列表使用規(guī)則差不多鸡典,只不過,有序列表中的條目有先后之分枪芒,例如排行榜彻况。
4谁尸,定義列表
作用:
1)給一堆數(shù)據(jù)添加列表語義;
2)先通過dt標簽定義列表中的所有標題,然后再通過dd標簽給每個標題添加描述信息纽甘。
格式:
<dl>
? <dt></dt>
? <dd></dd>
? <dt></dt>
? <dd></dd>
</dl>
其中良蛮,dt是英文definition title 的縮寫,用來定義列表標題的悍赢;dd是英文definition description的縮
寫背镇,是用來定義標題對應的描述的。
應用場景:
1)做網(wǎng)站的尾部信息泽裳;2)圖文混排。
注意:
1)dl和dt/dd是一個整體,所以他們一般情況下不會單獨出現(xiàn),都是一起出現(xiàn)破婆。
2)dl和dt/dd是組合標簽涮总,一般情況下建議dl中只放dt和dd標簽;
3)一個dt可以沒有對應的dd,也可以有多個對應的dd,但是無論有或者沒有dd都不推薦使用.
推薦使用一個dt對應一個dd
4)當需要豐富界面時,在dt和dd標簽中繼續(xù)添加其它標簽祷舀。