DIV 與 SPAN

Div

Div 標籤將內容分為不同區塊。
每一個區域根據 CSS 中的語法而有自己的樣式。
Div 是一個區塊級容器 (block-level container)，這代表在 標籤後會換行。

假設有以下的 CSS 樣式：

.Content { 
  color: #000000; 
  font-family:Candara; 
  font-size: 12pt; 
}

以下的 HTML 碼，

<div class="Content"> 
  This is Div。 
</div>

就會顯現為，This is Div。

Span

Span 跟 Div 類似的地方是，
兩個標籤目的都是將內容分為不同的區域。

Span 跟 Div 不同的是，

Span 涵蓋更細層的元素。
甚至可以用 <span> 來調整單一文字的樣式。在 </span> 之後並不會換行。

舉例來說，如果有以下的 CSS 樣式：

.ContentFont { 
  color: #000000; 
  font-family:Candara; 
  font-size: 12pt; 
}

以下 HTML 語法，

Span is not<span class="ContentFont">block</span>.

就會顯現為，

Span is not block.
但block這個字會顯示.ContentFont 裡面的CSS語法樣式