怎麼選擇適合的HTML標籤

在DIVCSS佈局時會遇到一個問題，那就是如何選擇HTML標籤佈局，但對於非新手CSSer來說非常簡單，但對於剛學習或剛剛入手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等）

遇到表單佈局，例如註冊、登入、填寫資料提交地方等，都是使用表單標籤。

相信透過我們的介紹大家已經清楚了，更多精彩請關注php中文網其它相關文章！ .

相關閱讀：

div浮動層與預設的div層有什麼關係

怎麼知道DIV設定什麼CSS屬性樣式？

怎麼知道瀏覽器支不支援html5

以上是怎麼選擇適合的HTML標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！