如何選擇使用的HTML標籤?什麼時候會選擇什麼樣的標籤?在網頁版面中HTML標籤如何選擇?
在佈局時會遇到如何選擇HTML標籤佈局,但對於非新手CSSer來說非常簡單,但對於剛學習或剛入手CSS製作來說卻是一個無形問題。
這裡為大家簡單介紹在DIV CSS佈局中如何選擇HTML標籤:
1、框架佈局(使用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標籤,即每段文字開始時候使用
結束時使用
,這樣文章段落分明。7、手動強行換行佈局(br標籤)
遇到文字需要換行的使用br標籤即“
”,值得注意br標籤是單獨的標籤非盒子標籤,獨立的一個標籤,什麼地方需要換行就使用br標籤。
8、表格型(table表格標籤)
在HTML佈局中,學習DIV CSS並不意味著放棄table標籤,這個有時還是需要table標籤的,例如遇到表格型佈局的,還是需要table tr td標籤佈局,這個時候使用表格佈局優於div標籤。
9、表單佈局(form、input等)
遇到表單佈局,例如註冊、登入、填寫資料提交地方等,都是使用表單標籤。
以上是html html標籤怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!