歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

如何選擇使用的HTML標簽什么時候選擇什么樣的標簽在網頁布局中HTML標簽如何選擇

DIVCSS布局時會遇到如何選擇HTML標簽布局,但對于非新手CSSer來說非常簡單,但對于剛剛學習或剛剛入手CSS制作來說卻是一個無形問題。

這里DIVCSS5為大家簡單介紹在DIV+CSS布局中如何選擇HTML標簽:

1、框架布局(使用DIV標簽
在網頁中框架布局一般使用DIV布局,無論大小DIV盒子一般均使用DIV標簽(<div> </div>)布局。

2、列表型布局(使用ul li標簽)
遇到圖片列表、文章標題列表,通常使用ul li列表標簽進行布局。當然使用這些標簽時要進行設置需要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、表單布局(forminput等)
遇到表單布局,比如注冊、登錄、填寫數據提交地方等,均是使用表單標簽。

其它標簽有待您發現與使用。在DIVCSS5培訓中,也教了同學什么情況下選擇什么標簽,實踐熟悉后自然會知道如何選擇HTML標簽布局網頁。

了解更多html標簽

如需轉載,請注明文章出處和來源網址:http://www.hjkjtws.com.cn/html/h661.shtml

时时彩内部管理计划群 贵州麻将技巧 江苏快3最新版下载 网赚平台排行榜 微乐吉林长春麻将小鸡飞蛋 大发快三走势图手机版 广东36选7最新开奖 j江西时时彩走势图 加拿大快乐8接口 香港旺旺论坛免费资料 追光娱乐棋牌怎么样 浙江快乐十二选五开 网上的投资理财公司可靠吗 360排列五历史开奖号码 上海天天彩选4开奖结果查询 玩网络捕鱼赌博有什么技巧 手机上玩真人麻将游戏