首頁  >  文章  >  web前端  >  html html標籤怎麼用

html html標籤怎麼用

silencement
silencement原創
2019-05-28 10:34:383171瀏覽

html html標籤怎麼用

如何選擇使用的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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn