網(wǎng)站制作NEWS
HTML列表標(biāo)簽、HTML5語(yǔ)義化標(biāo)簽,前端編程從入門到精通筆記5
HTML列表、HTML5語(yǔ)義化標(biāo)簽,前端編程入門到精通筆記5
HTML列表包括三種類型:無(wú)序列表、有序列表和自定義列表。
無(wú)序列表使用`ul`表示,表示沒(méi)有順序的列表。列表項(xiàng)默認(rèn)樣式為黑色實(shí)心圓點(diǎn),`type`屬性可設(shè)置為`disc`、`circle`、`square`或`none`,其中`none`用于取消列表項(xiàng)。
有序列表使用`ol`表示,表示有順序的列表。列表項(xiàng)默認(rèn)按字母順序排列,`type`屬性可設(shè)置為`A`、`a`、`I`、`i`或`1`,`start`屬性用于控制列表項(xiàng)的起始編號(hào)。
自定義列表使用`dl`表示,允許自定義列表結(jié)構(gòu),常用于圖文混排、問(wèn)答列表等。`dl`與`dt`、`dd`之間存在父子關(guān)系,`dt`通常包含標(biāo)題,`dd`包含對(duì)應(yīng)的內(nèi)容。
HTML5語(yǔ)義化標(biāo)簽為前端開發(fā)引入了更多結(jié)構(gòu)化的語(yǔ)義,新增了10個(gè)語(yǔ)義化標(biāo)簽,包括`header`(頭部)、`footer`(尾部)、`nav`(導(dǎo)航區(qū)域)、`section`(主體區(qū)域)、`main`(主要內(nèi)容區(qū)域)、`article`(獨(dú)立文本區(qū)域)、`aside`(側(cè)邊欄)、`figure`(獨(dú)立區(qū)域)、`figcaption`(獨(dú)立區(qū)域標(biāo)題)以及多媒體相關(guān)的`audio`、`video`和`mark`標(biāo)簽。
`mark`標(biāo)簽是一個(gè)行內(nèi)元素,類似`span`標(biāo)簽,主要用于突出顯示文本內(nèi)容,添加背景顏色以引起關(guān)注。
HTML5語(yǔ)義化標(biāo)簽和列表標(biāo)簽的使用,旨在提高網(wǎng)頁(yè)的結(jié)構(gòu)清晰度和語(yǔ)義性,使得網(wǎng)頁(yè)更易于理解和維護(hù),同時(shí)也為搜索引擎優(yōu)化提供了更好的支持。
多重隨機(jī)標(biāo)簽