XHTML1.0 標籤的類型(性質)

在可擴展超文件標記語言中有許多的標籤,就像我們人一樣,也有許許多多不同個性的人;而在可擴展超文件標記語言中,我們可以把這些標籤歸類於兩大類:一是 Block Element,二是 Inline Element。而在 Inline Element 中又有可叫做 Replaced Element 的元素。

我們可以把 Block Element 稱之為「區塊型元素」,Inline Element 稱之為「單列型元素」或「內嵌型元素」,而 Replaced Element 我們可將它稱之為「置換型元素」或「替代型元素」。

區塊型元素(Block Element)

顧名思義,就是在「起始標籤」與「結束標籤」之間圍起一整個的方塊區域,並且這個「方塊」的前後都會產生所謂「斷列(Break Line)」的效果;也就是說它在「正常情況」下,無法與它的「同代元素」並列在一起。例如:

<body>
	<div>這是區塊一</div>
	<div>這是區塊二</div>
</body>

如上面所示,在整個瀏覽器上所呈現的就是區塊一會在區塊二之上。

區塊型元素(Block Element)
address blockquote center div dl
fieldset form h1 – h6 hr noframes
ol p pre table ul

單列型元素(Inline Element)

單列型元素跟區塊型元素最大的不同就是——單列型元素前後不會產生「斷列」,並且其「父元素」必須為區塊型元素。例如:

<p>這是<strong>我的普立茲</strong></p>

  上述中,<p> 為區塊型元素,而 <strong> 為單列型元素。

單列型元素(Inline Element)
a abbr acronym applet
b basefont big br
button cite code dfn
em font i iframe
img input kbd label
object q ruby s
samp select small span
strike strong sub sup
textarea tt u var

置換型元素(Replaced Element)

所謂置換型元素就是暫時為其它的事物所保留的位置,例如:<img> 標籤。

置換型元素(Replaced Element)
img input object select textarea