文章出處

一、引題

在之前的淺談HTML中的塊級元素和內聯元素中了解到了內聯元素一般是不能設置寬高的，但是也有特殊。比如img是內聯元素，但可以設置寬高，這肯定讓不少人迷惑。這樣我們就要引入HTML中置換元素的概念（非置換元素在w3c中沒有給出明確的解釋，姑且我們就把除置換元素外的元素當作非置換元素吧）。

二、替換元素與非替換元素

a) 替換元素：瀏覽器根據元素的標簽和屬性，來決定元素的具體顯示內容。
例如：瀏覽器會根據<img>標簽的src屬性的值來讀取圖片信息并顯示出來，而如果查看(x)html代碼，則看不到圖片的實際內容；<input>標簽的type屬性來決定是顯示輸入框，還是單選按鈕等。 (x)html中的<img>、<input>、<textarea>、<select>、<object>都是替換元素。這些元素往往沒有實際的內容，即是一個空元素。

替換元素在其顯示中生成了框，這也就是有的內聯元素能夠設置寬高的原因。

b) 非替換元素：(x)html 的大多數元素是不可替換元素，即其內容直接表現給用戶端（如瀏覽器）。

例如： <label>label中的內容</label> 標簽<label>是一個非置換元素，文字label中的內容”將全被顯示。