如何選擇使用的HTML標(biāo)簽
如何選擇使用的HTML標(biāo)簽?什么時(shí)候選擇什么樣的標(biāo)簽?在網(wǎng)頁(yè)布局中HTML標(biāo)簽如何選擇?
在DIVCSS布局時(shí)會(huì)遇到如何選擇HTML標(biāo)簽布局,但對(duì)于非新手CSSer來(lái)說(shuō)非常簡(jiǎn)單,但對(duì)于剛剛學(xué)習(xí)或剛剛?cè)胧?span style="color: rgb(0, 0, 204);">CSS制作來(lái)說(shuō)卻是一個(gè)無(wú)形問(wèn)題。
這里DIVCSS5為大家簡(jiǎn)單介紹在DIV+CSS布局中如何選擇HTML標(biāo)簽:
1、框架布局(使用DIV標(biāo)簽)
在網(wǎng)頁(yè)中框架布局一般使用DIV布局,無(wú)論大小DIV盒子一般均使用DIV標(biāo)簽(
)布局。
2、列表型布局(使用ul li標(biāo)簽)
遇到圖片列表、文章標(biāo)題列表,通常使用ul li列表標(biāo)簽進(jìn)行布局。當(dāng)然使用這些標(biāo)簽時(shí)要進(jìn)行設(shè)置需要CSS樣式達(dá)到布局效果。這樣程序調(diào)用數(shù)據(jù)時(shí)候更容易做循環(huán)內(nèi)容。
3、標(biāo)題型布局(使用h1、h2、h3、h4標(biāo)簽)
遇到獨(dú)立的欄目標(biāo)題、正文標(biāo)簽,通常使用h1、h2、h3、h4標(biāo)題標(biāo)簽,這樣布局內(nèi)容具有層次感。同時(shí)考慮SEO來(lái)說(shuō)適當(dāng)使用這些標(biāo)題標(biāo)簽有利于優(yōu)化排名。
4、內(nèi)容獨(dú)立樣式型(使用span)
在一段文字中,有幾個(gè)文字需要單獨(dú)設(shè)置一個(gè)顏色值,這個(gè)時(shí)候可以對(duì)這幾個(gè)文字加span標(biāo)簽,對(duì)span標(biāo)簽單獨(dú)設(shè)置class或直接CSS樣式達(dá)到效果,一般來(lái)說(shuō)布局框架很少使用span。
5、功能型布局(img、b、strong、u、s等標(biāo)簽)
遇到網(wǎng)頁(yè)中引人圖片使用Img標(biāo)簽;遇到文字加粗可以使用b標(biāo)簽或strong標(biāo)簽、遇到下劃線可以使用u標(biāo)簽、遇到文字貫穿線(刪除線)使用s標(biāo)簽等,有時(shí)不一定使用CSS來(lái)實(shí)現(xiàn)這些功能布局,適當(dāng)選用這些HTML標(biāo)簽從SEO方面更加好些。
6、段落(p標(biāo)簽)
一般文章段落都是使用p標(biāo)簽,即每段文字開(kāi)始時(shí)候使用
結(jié)束時(shí)使用
,這樣文章段落分明。
7、手動(dòng)強(qiáng)行換行布局(br標(biāo)簽)
遇到文字需要換行的使用br標(biāo)簽即“
”,值得注意br標(biāo)簽是單獨(dú)的標(biāo)簽非盒子標(biāo)簽,獨(dú)立的一個(gè)標(biāo)簽,什么地方需要換行就使用br標(biāo)簽。
8、表格型(table表格標(biāo)簽)
在HTML布局中,學(xué)習(xí)DIV CSS并不意味著放棄table標(biāo)簽,這個(gè)有時(shí)還是需要table標(biāo)簽的,比如遇到表格型布局的,還是需要table tr td標(biāo)簽布局,這個(gè)時(shí)候使用表格布局優(yōu)于div標(biāo)簽。
9、表單布局(form、input等)
遇到表單布局,比如注冊(cè)、登錄、填寫(xiě)數(shù)據(jù)提交地方等,均是使用表單標(biāo)簽。
其它標(biāo)簽有待您發(fā)現(xiàn)與使用。實(shí)踐熟悉后自然會(huì)知道如何選擇HTML標(biāo)簽布局網(wǎng)頁(yè)。
推薦文章
2024-11-28
2024-06-25
2024-01-04
2023-11-06
2023-10-30
2023-10-13
2023-10-10
穩(wěn)定
產(chǎn)品高可用性高并發(fā)貼心
項(xiàng)目群及時(shí)溝通專業(yè)
產(chǎn)品經(jīng)理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽(yù)堅(jiān)持
10年專注高端品質(zhì)開(kāi)發(fā)聯(lián)系我們
友情鏈接: