div+css布局中選擇使用html標簽的方法

2020-03-24 15:54:47

字體：大中小

來源：轉載

供稿：網友

這里為大家簡單介紹在DIV+CSS布局中如何選擇HTML標簽：1、框架布局（使用DIV標簽）
在網頁中框架布局一般使用DIV布局，無論大小DIV盒子一般均使用DIV標簽（ div /div ）布局。2、列表型布局（使用ul li標簽）
遇到圖片列表、文章標題列表，通常使用ul li列表標簽進行布局。當然使用這些標簽時要進行設置需要html' target='_blank'>CSS樣式達到布局效果。這樣程序調用數據時候更容易做循環內容。3、標題型布局（使用h1、h2、h3、h4標簽）
遇到獨立的欄目標題、正文標簽，通常使用h1、h2、h3、h4標題標簽，這樣布局內容具有層次感。同時考慮SEO來說適當使用這些標題標簽有利于優化排名。4、內容獨立樣式型（使用span）
在一段文字中，有幾個文字需要單獨設置一個顏色值，這個時候可以對這幾個文字加span標簽，對span標簽單獨設置class或直接CSS樣式達到效果，一般來說布局框架很少使用span。5、功能型布局(img、b、strong、u、s等標簽)
遇到網頁中引人圖片使用Img標簽；遇到文字加粗可以使用b標簽或strong標簽、遇到下劃線可以使用u標簽、遇到文字貫穿線（刪除線）使用s標簽等，有時不一定使用CSS來實現這些功能布局，適當選用這些HTML標簽從SEO方面更加好些。6、段落（p標簽）
一般文章段落都是使用p標簽，即每段文字開始時候使用 p 結束時使用 /p ，這樣文章段落分明。7、手動強行換行布局(br標簽)
遇到文字需要換行的使用br標簽即 br / ，值得注意br標簽是單獨的標簽非盒子標簽，獨立的一個標簽，什么地方需要換行就使用br標簽。8、表格型（table表格標簽）
在HTML布局中，學習DIV CSS并不意味著放棄table標簽，這個有時還是需要table標簽的，比如遇到表格型布局的，還是需要table tr td標簽布局，這個時候使用表格布局優于div標簽。9、表單布局（form、input等）
遇到表單布局，比如注冊、登錄、填寫數據提交地方等，均是使用表單標簽。
其它標簽有待您發現與使用。在DIVCSS5培訓中，也教了同學什么情況下選擇什么標簽，實踐熟悉后自然會知道如何選擇HTML標簽布局網頁。更多編程語言

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：html+css 清除浮動的相關技巧心得

下一篇：html圖片自適應手機屏幕大小的css寫法