h 標籤

h 是英文標題 Heading 的縮寫.
<h1>到 <h6>都是標籤:
-<h1></h1>: 一級標題
-<h2></h2>: 二級標題
-…
-<h6></h6>: 六級標題

h 標籤沒有巢狀關係的. 由於 h3 跟著一個 h2. 所以, 我們自己就知道了這個 h3 是 h2 子標題.

h 是容器級的標籤. 理論上裡面可以放置 p 等其他標籤. 在語義上, 儘量不要這麼寫.

p 標籤

段落, 是英語 paragraph “段落” 縮寫.

HTML 標籤是分等級的, HTML 將所有的標籤分為兩種: 容器級, 文字級. 顧明思議, 容器級的標籤, 裡面可以放置任何東西. 本文級的標籤裡面, 只能放置文字, 圖片, 表單元素. (p 標籤是一個文字級的標籤)

Chrome 瀏覽器是世界上 HTML5 支援最好的瀏覽器. 提供了非常好的開發工具, 非常適合我們開發人員使用. 審查元素功能的快捷鍵是 F12.

審查元素功能

試著把 h 放到 p 到裡:

<p>
    我是一個小段落
    <h1>我是一個小標題</h1>
</p>

如上圖所示, p 是一個文字級的標籤, p 裡面只能放文字, 圖片, 表單元素.

正確的寫法:

<h1>個人簡介</h1>
<p>
    我是一個只小小白
</p>