置換元素

**置換元素：**瀏覽器根據元素的標籤和屬性來顯示元素的具體內容。

例如：

• 瀏覽器會根據img標籤的src屬性的值來讀取圖片信息並顯示出來，若是查看(x)html代碼，則看不到圖片的實際內容；

<img src="images/img.png" alt="這是一張圖片"  title="花" />

• input標籤的type屬性來決定是顯示輸入框仍是按鈕等。

<input type="button" value="button" />

(x)html中的img、input、textarea、select、object都是置換元素。這些元素每每沒有實際的內容，便是一個空元素。

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

<span>這是一段文字</span>

這裏直接顯示文字。

置換元素在其顯示中生成了框，這就是有的內聯元素可以設置寬高的緣由。其特性至關於inline-block。具體可參考博客：置換元素(替換元素)和非置換元素(不可替換元素)