語義化標籤
在網頁中HTML專門用來負責網頁的結構，所以在使用html標籤時，應該關注的是標籤的語義，而不是它的樣式。
塊元素：在頁面中獨佔一行的元素稱為塊元素（block element）
標題標籤：
- h1~h6 一共有六級標題
- 從h1~h6重要性遞減，h1最重要，h6最不重要
- h1在網頁中的重要性僅次於title標籤，一般情況在一個頁面中只會有一個h1
- 一般情況下標題標籤只會使用到h1~h3，h4~h6很少用
<h1>一級標籤</h1>
<h2>二級標籤</h2>
<h3>三級標籤</h3>
<h4>四級標籤</h4>
<h5>五級標籤</h5>
<h6>六級標籤</h6>
<hgroup>標籤：
- 用來為標題分組，可以將 一組相關的標題同時放入到hgroup中
<hgroup>
<h1>回鄉偶書二首</h1>
<h2>其一</h2>
</hgroup>
<p></p>標籤：
- 表示頁面中的一個段落
- <p>也是一個塊元素，獨佔一行
<p>我是p標籤</p>
<p>表示一個段落</p>
<em></em>標籤：
- 用於表示語音語調的一個加重
- 在頁面中不會獨佔一行，稱為行內元素（inline element）
<p>今天天氣<em>真</em>不錯！</p>
<strong></strong>標籤：
- 表示強調，重要內容
<p>今天必須要<strong>完成作業</strong>！</p>
<blockquote></blockquote>標籤：
- 表示一個長引用
- 屬於塊元素，獨佔一行
魯迅說：
<blockquote>
這句話我沒說過。
</blockquote>
<q></q>標籤：
- 表示一個短引用
- 屬於行內元素，不會獨佔一行
- 在編寫程式碼時即使換行往下編寫程式碼(不使用換行符)，在頁面顯示中後面的文字也不會自動換行
子曰：
<q>
學而時習之，樂呵樂呵！
</q>
<br>標籤：
- 表示換行
塊元素 block element：
- 在網頁中一般通過塊元素來對頁面進行佈局
行內元素 inline element：
- 行內元素主要用來包裹文字
一般情況下會在塊元素中放行內元素，而不會在行內元素中放塊元素
塊元素中基本上什麼都能放
p元素中不能放任何的塊元素
舉例一：
<html>
<body>
<p>
<h1>p元素中不能放任何塊元素</h1>
</p>
</body>
</html>
<h1>我就寫在html標籤的外部</h1>
瀏覽器在解析網頁時，會自動對網頁中不符合規範的內容進行修正
比如：
標籤寫在了根元素的外部
p元素中嵌套了塊元素
跟元素中出現了除head，body以外的子元素
…… ……
從網頁原始碼中看不到瀏覽器修正的內容，因為不是自動修正程式碼，而是在記憶體解析中修正
在網頁的開發者工具中可以檢視：
右鍵->檢查->elements
F12
佈局標籤（結構化語義標籤）
html5新增：
<header> 表示網頁的頭部
<main> 表示網頁的主題部分（一個頁面中只會有一個main）
<footer> 表示網頁的底部
<nav> 表示網頁中的導航
<aside> 和主體相關的其他內容（側邊欄）
<article> 表示一個獨立的文章
<section> 表示一個獨立的區塊，上面的標籤都不能表示時使用section
<div> 沒有語義，就用來表示一個區塊，目前來講div還是我們主要的佈局元素
<span> 行內元素，沒有任何語義，一般用於在網頁中選中文字