五歧焦,列表標簽

一,無序列表

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ù)添加其它標簽祷舀。


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末瀑梗,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子裳扯,更是在濱河造成了極大的恐慌抛丽,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件饰豺,死亡現(xiàn)場離奇詭異亿鲜,居然都是意外死亡,警方通過查閱死者的電腦和手機冤吨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進店門蒿柳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人漩蟆,你說我怎么就攤上這事垒探。” “怎么了怠李?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵圾叼,是天一觀的道長。 經(jīng)常有香客問我捺癞,道長夷蚊,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任翘簇,我火速辦了婚禮撬码,結果婚禮上,老公的妹妹穿的比我還像新娘版保。我一直安慰自己呜笑,他們只是感情好夫否,可當我...
    茶點故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著叫胁,像睡著了一般凰慈。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上驼鹅,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天微谓,我揣著相機與錄音,去河邊找鬼输钩。 笑死豺型,一個胖子當著我的面吹牛,可吹牛的內容都是我干的买乃。 我是一名探鬼主播姻氨,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼剪验!你這毒婦竟也來了肴焊?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤功戚,失蹤者是張志新(化名)和其女友劉穎娶眷,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體啸臀,經(jīng)...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡届宠,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了壳咕。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片席揽。...
    茶點故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖谓厘,靈堂內的尸體忽然破棺而出幌羞,到底是詐尸還是另有隱情,我是刑警寧澤竟稳,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布属桦,位于F島的核電站,受9級特大地震影響他爸,放射性物質發(fā)生泄漏聂宾。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一诊笤、第九天 我趴在偏房一處隱蔽的房頂上張望系谐。 院中可真熱鬧,春花似錦、人聲如沸纪他。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽茶袒。三九已至梯刚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間薪寓,已是汗流浹背亡资。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留向叉,地道東北人锥腻。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像母谎,于是被迫代替她去往敵國和親旷太。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,514評論 2 348

推薦閱讀更多精彩內容

  • HTML需要掌握標簽 標簽(空格分隔): H5+CSS [TOC] 常用標簽 img 注意點 和H系列標簽/p標簽...
    袁俊亮技術博客閱讀 2,048評論 1 8
  • ## HTML基礎-列表標簽/表格標簽 # 列表標簽(無序列表/有序列表/定義列表) # 表格標簽 # 單元格合并...
    KsKison閱讀 633評論 0 0
  • 無序列表 什么是列表標簽 列表標簽的作用給一堆數(shù)據(jù)添加列表語義销睁,也就是告訴搜索引擎告訴瀏覽器這一堆數(shù)據(jù)是一個整體 ...
    GodlinE閱讀 261評論 0 0
  • 列表標簽 無序列表(unordered list) 作用: 給一堆內容添加無序列表語義(一個沒有先后順序整體), ...
    cheney0217閱讀 297評論 0 0
  • php+mysql+apache+centos 編譯安裝 領導要求先保證php環(huán)境穩(wěn)定,然后再去考慮其他存崖,例如性能...
    dnaEMx閱讀 2,183評論 1 16