2-1 語義化，讓你的網頁更好的被搜索引擎理解
標簽的用途：網頁制作時，會聽到一個詞，語義化。
即明白每個標簽的用途（在什麽情況下使用此標簽合理）比如，網頁上的文章的標題就可以用標題標簽，網頁上的各個欄目的欄目名稱也可以使用標題標簽。文章中内容的段落就得放在段落標簽中等等。
語義化有什麽樣的好處呢？
玩轉SEO，更容易被搜索引擎收錄。
更容易讓屏幕閲讀器讀出網頁内容。
2-2 段落標簽
如果想在網頁上顯示文章，這時就需要<p>標簽了，把文章的段落放到<p>標簽中。
語法：
<p>段落文本</p>
注意一段文字一個<p>標簽，如在一篇新聞文章中有3段文字，就要把這3個段落分別放到3個<p>標簽中。如下圖所示：
在瀏覽器中顯示的效果：
<p>標簽的默認樣式，可以在上圖中看出來，段前段後都會有空白，可以用css樣式來刪除或改變它。
2-3 使用<span>標簽自定義文字樣式
<span>標簽，這個標簽是沒有語義的，它的作用就是爲了設置單獨的樣式用的。
如果現在我們想把下面的第一段話“美國夢”三個字設置成blue（藍色），這樣情況下就可以用<span>標簽。
語法：
<span>文本</span>
2-4 使用<hx>標簽爲網頁增加標題
文章的段落用<p>標簽，那麽文章的標題用什麽標簽呢？在本節我們將使用<hx>標簽來制作文章的標題。
標題標簽一共有6個，h1、h2、h3、h4、h5、h6分別爲一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。並且依據重要性遞減。<h1>是最高的等級。
語法：<hx>標題文本</hx> (x爲1-6)
文章的標題，使用標題標簽，另外網頁上的各個欄目的標題也可使用它們。如下圖爲騰訊網站
注意：因爲h1標簽在網頁中比較重要，所以一般h1標簽被用在網站名稱上。
騰訊網站就是這樣做的。如：
<h1>騰訊網</h1>
h1-h6標簽的默認樣式：
標簽代碼：
在瀏覽器中顯示的樣式：
標題標簽的樣式都會加粗，h1標簽字號最大，h2標簽字號相對h1要小，以此類推h6標簽的字號最小。
2-5 使用<div>標簽自定義塊
在網頁制作過程過中，可以把一些獨立的邏輯部分劃分出來，放在一個<div>標簽中，這個<div>標簽的作用就相當於一個容器。
語法：
<div>…</div>
確定邏輯部分：
什麽是邏輯部分？它是頁面上相互關聯的一組元素。如網頁中的獨立的欄目版塊，就是一個典型的邏輯部分。
如下圖所示：圖中用紅色邊框標出的部分就是一個邏輯部分，就可以使用<div>標簽作爲容器。
2-6 <header>標簽定義頭部區域
html5新增的語義化標簽,首先學習header標簽，用來定義頭部區域。
2-7 <footer>標簽定義底部區域
footer標簽，用來定義底部區域。
2-8 <section>定義區段
section標簽，定義一個區域。
2-9 <aside>定義側邊欄區域
aside標簽，定義一個側邊欄區域。
例如網站中側欄部分：
