1.無序列表標(biāo)簽<ul>簡單介紹:
1.1語義:<ul>標(biāo)簽作用給一組類型相同的數(shù)據(jù)添加列表的語義雕擂,告訴瀏覽器、搜索引擎<ul>無序列表里的數(shù)據(jù)是一個整體贱勃,他們是沒有類似于排行榜上的先后井赌、重要、次要排名上分別的贵扰,他們的重要性都一樣的仇穗。
1.2注意點:<ul>標(biāo)簽里只能嵌套<li>標(biāo)簽,除此之外不能嵌套其他標(biāo)簽戚绕,但在<li>標(biāo)簽里可以可以嵌套其他的標(biāo)簽纹坐,像它的父級<ul>標(biāo)簽都可以嵌套在里面。
1.3使用的場景:在企業(yè)項目開發(fā)中舞丛,<ul>標(biāo)簽通常用于網(wǎng)站導(dǎo)航條的鏈接耘子、新聞網(wǎng)站的新聞列表果漾、視頻列表,或者用于電商網(wǎng)站商品導(dǎo)航目錄的列表或者產(chǎn)品詳細(xì)列表谷誓。如圖:
導(dǎo)航條:鳳凰網(wǎng)
新聞列表:網(wǎng)易
電商網(wǎng)站商品目錄的導(dǎo)航:天貓
2.<dl>標(biāo)簽的介紹:
2.1<dl>標(biāo)簽使用格式:如圖
<dt>是自定義列表里的列表項跨晴,也是列表的標(biāo)題英文是definition title,<dd>列表項是對列表項進(jìn)行描述的片林,英文是definition description端盆。
2.2<dl>標(biāo)簽語義:<dl>標(biāo)簽也是對一組數(shù)據(jù)添加列表語義,告訴瀏覽器這是一個整體费封,那<dd>標(biāo)簽里的內(nèi)容時對<dt>里的標(biāo)題進(jìn)行描述焕妙、解釋。例如下圖里第一個<dd>標(biāo)簽的文字信息是對<dt>標(biāo)題里北京進(jìn)行解釋說明弓摘。
2.3<dl>標(biāo)簽使用注意:<dl>標(biāo)簽可以嵌套多對<dt><dd>標(biāo)簽焚鹊,<dt>標(biāo)簽可以有多個<dd>個列表項說明、描述韧献,也可以沒有末患;但一般推薦一個<dd>標(biāo)簽跟一個<dt>標(biāo)簽。<dd>標(biāo)簽可以嵌套其他標(biāo)簽锤窑,但列表項<dt>不不能嵌套其他標(biāo)簽璧针。
2.4<dl>標(biāo)簽使用的場合:圖文混排、網(wǎng)站底部鏈接:電商網(wǎng)站底部-購物指南渊啰、支付方式探橱。