如何選擇使用的HTML標簽？

在DIV+CSS時會遇到如何選擇HTML標簽布局，但對于絕大多數(shù)前端來說非常簡單，但對于初學CSS的朋友們來說卻是一個無形的問題。這里W3Cschool 為大家簡單介紹在DIV+CSS布局中如何選擇HTML標簽 ：

1、框架布局（使用DIV標簽 ）

在網(wǎng)頁中框架布局一般使用DIV布局，無論大小DIV盒子一般均使用DIV標簽（ <div> </div> ）布局。

2、列表型布局（使用ulli 標簽）

遇到圖片列表、文章標題列表，通常使用ul li列表標簽進行布局。當然使用這些標簽時要進行設(shè)置需要CSS樣式達到布局效果。這樣程序調(diào)用數(shù)據(jù)時候更容易做循環(huán)內(nèi)容。

3、標題型布局（使用h1、h2、h3、h4標簽 ）

遇到獨立的欄目標題、正文標簽，通常使用h1、h2、h3、h4標題標簽，這樣布局內(nèi)容具有層次感。同時考慮SEO 來說適當使用這些標題標簽有利于優(yōu)化排名。

4、內(nèi)容獨立樣式型（使用span標簽 ）

在一段文字中，有幾個文字需要單獨設(shè)置一個顏色值，這個時候可以對這幾個文字加span標簽，對span標簽單獨設(shè)置class或直接CSS樣式達到效果，一般來說布局框架很少使用span。

5、功能型布局(img 、b 、strong 、u 、s 等標簽)

遇到網(wǎng)頁中引人圖片使用Img標簽；遇到文字加粗可以使用b標簽或strong標簽、遇到下劃線可以使用u標簽、遇到文字貫穿線（刪除線）使用s標簽等，有時不一定使用CSS來實現(xiàn)這些功能布局，適當選用這些HTML標簽從SEO方面更加好些。

6、段落（p標簽 ）

一般文章段落都是使用p標簽，即每段文字開始時候使用<p> 結(jié)束時使用</p> ，這樣文章段落分明。

7、手動強行換行布局(br標簽 )

遇到文字需要換行的使用br標簽即“ <br /> ”，值得注意br標簽是單獨的標簽非盒子標簽，獨立的一個標簽，什么地方需要換行就使用br標簽。

8、表格型（table表格標簽 ）

在HTML布局中，學習DIV+CSS 并不意味著放棄table標簽，這個有時還是需要table標簽的，比如遇到表格型布局的，還是需要table tr td標簽布局，這個時候使用表格布局優(yōu)于div標簽。

9、表單布局（form 、input 等）

遇到表單布局，比如注冊、登錄、填寫數(shù)據(jù)提交地方等，均是使用表單標簽。

其它標簽有待您發(fā)現(xiàn)與使用。在W3Cschool在線教程官網(wǎng) 中，很多教程中也有教過大家在什么情況下選擇什么標簽，實踐熟悉后自然會知道如何選擇HTML標簽布局網(wǎng)頁。

了解更多html標簽

如何選擇使用HTML標簽 ？ 什么時候選擇什么樣的標簽？ 在網(wǎng)頁布局中HTML標簽如何選擇 ？

首先你的這個三問題在我看來是一個問題.

框架布局(div)

列表型布局（ul 和 li)

標題型布局(h)

內(nèi)容獨立樣式型(span)

功能型布局(img)

段落 (p)

表格型表單(table input)

吃瓜群眾,坐等大神來解決。。。。。

我也不清楚,坐等大神,火鉗劉明！??！

剛學習程序,過來學習學習!!!!...

滴滴