div+css布局中選擇使用html標(biāo)簽的方法

2020-03-24 15:54:47

字體：大中小

供稿：網(wǎng)友

這里為大家簡單介紹在DIV+CSS布局中如何選擇HTML標(biāo)簽：1、框架布局（使用DIV標(biāo)簽）
在網(wǎng)頁中框架布局一般使用DIV布局，無論大小DIV盒子一般均使用DIV標(biāo)簽（ div /div ）布局。2、列表型布局（使用ul li標(biāo)簽）
遇到圖片列表、文章標(biāo)題列表，通常使用ul li列表標(biāo)簽進(jìn)行布局。當(dāng)然使用這些標(biāo)簽時(shí)要進(jìn)行設(shè)置需要html' target='_blank'>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來說適當(dāng)使用這些標(biāo)題標(biāo)簽有利于優(yōu)化排名。4、內(nèi)容獨(dú)立樣式型（使用span）
在一段文字中，有幾個(gè)文字需要單獨(dú)設(shè)置一個(gè)顏色值，這個(gè)時(shí)候可以對這幾個(gè)文字加span標(biāo)簽，對span標(biāo)簽單獨(dú)設(shè)置class或直接CSS樣式達(dá)到效果，一般來說布局框架很少使用span。5、功能型布局(img、b、strong、u、s等標(biāo)簽)
遇到網(wǎng)頁中引人圖片使用Img標(biāo)簽；遇到文字加粗可以使用b標(biāo)簽或strong標(biāo)簽、遇到下劃線可以使用u標(biāo)簽、遇到文字貫穿線（刪除線）使用s標(biāo)簽等，有時(shí)不一定使用CSS來實(shí)現(xiàn)這些功能布局，適當(dāng)選用這些HTML標(biāo)簽從SEO方面更加好些。6、段落（p標(biāo)簽）
一般文章段落都是使用p標(biāo)簽，即每段文字開始時(shí)候使用 p 結(jié)束時(shí)使用 /p ，這樣文章段落分明。7、手動強(qiáng)行換行布局(br標(biāo)簽)
遇到文字需要換行的使用br標(biāo)簽即 br / ，值得注意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等）
遇到表單布局，比如注冊、登錄、填寫數(shù)據(jù)提交地方等，均是使用表單標(biāo)簽。
其它標(biāo)簽有待您發(fā)現(xiàn)與使用。在DIVCSS5培訓(xùn)中，也教了同學(xué)什么情況下選擇什么標(biāo)簽，實(shí)踐熟悉后自然會知道如何選擇HTML標(biāo)簽布局網(wǎng)頁。更多編程語言

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：html+css 清除浮動的相關(guān)技巧心得

下一篇：html圖片自適應(yīng)手機(jī)屏幕大小的css寫法