HTML <span> 行內容器

<span> 標籤 (tag) 是用來當作容器 (container)，用來包裹文字 (text) 或其他行內 (inline) 的 HTML，用途是方便給 CSS 做樣式排版或方便給 JavaScript 做互動操作，至於 <span> 本身沒任何特殊意義也不帶任何標籤語意。

舉個例子：

<p>My mother has <span class="highlight">blue</span> eyes.</p>

我們將 blue 這句文字用 <span> 包著，在 <span> 上加個 id 或 class 屬性，就可以對這個 span 裡面的內容設定不同樣式啦：

.highlight {
  color: blue;
}

顯示結果：