在 HTML 中，所有標籤都可以分為兩大類：區塊元素（Block-level Elements） 和 行內元素（Inline Elements）。它們的作用和行為在頁面佈局中有所不同，以下是詳細介紹及差異比較。
區塊元素（Block-level Elements）
特性
- 占用一整行：區塊元素會自動佔滿整行，與其他元素換行顯示。
- 結構性元素：通常用於建立頁面結構，例如段落、區域或容器。
- 可以嵌套其他區塊元素或行內元素。
- 有寬跟高
常見的區塊元素
<div>：通用的容器。<p>：段落。<h1>~<h6>：標題。<ul>/<ol>：無序列表 / 有序列表。<li>：列表項目。<table>：表格。<header>/<footer>：頁首 / 頁尾。<section>/<article>：區域或文章。<form>：表單。
行內元素（Inline Elements）
特性
- 不會換行：行內元素只占用內容需要的空間，與其他行內元素或文字在同一行。
- 修飾性元素：通常用於修飾或點綴區塊元素內的部分內容。
- 無法嵌套區塊元素。
- 有寬無高