2.20 span 和 div

<span>...</span>：屬行內類型的元素。

<div>...</div>：document divisions。屬區塊類型的元素。

語意

完全沒有語意的兩個標籤，就是 span 和 div。span 常用在一般文字要做不同的樣式或效果時會用到；div 常用在群組多個元素。

範例 1

以下的文字「粗體」，並沒有要表達語意，只是想改變樣式，就很適合用行內類型的 span 標籤，然後再去寫 CSS：

<p>這是一般文字，加<span>粗體</span>可能較好。</p>

範例 2

常用於將多個元素群組化。

<div>
  <p>這是段落一</p>
  <p>這是段落二</p>
</div>

範例 3：認識 行內(inline) 與 區塊(block) 元素

判斷方法：若該元素會自動斷行，即為區塊(block)元素。