置換元素與非置換元素

2022-02-22 23:32:43 字數 327 閱讀 2798

1、置換元素

瀏覽器根據元素的標籤和屬性,來決定元素的具體顯示內容。

例如:瀏覽器會根據

標籤的src屬性的值來讀取資訊並顯示出來,

而如果檢視(x)html**,則看不到的實際內容;

標籤的type屬性來決定是顯示輸入框,還是單選按鈕等。

(x)html中的

都是置換元素。

這些元素往往沒實際的內容,即是乙個空元素。

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

2、不可替換元素(非置換元素):(x)html的大多數是不可替換元素,

即其內容直接給使用者端。

置換和非置換元素

1.1 乙個 內容 不受css視覺格式化模型控制,css渲染模型並不考慮對此內容的渲染,且元素本身一般擁有固有尺寸 寬度,高度,寬高比 的元素,被稱之為置換元素。1.2 替換元素就是瀏覽器根據元素的標籤和屬性,來決定元素的具體顯示內容。1.3 例如瀏覽器會根據img標籤的src屬性的值來讀取資訊並顯...

html 置換元素和非置換元素

一般我們都會答 行內元素不能設定寬高,不會新起一行,行內元素只能包含資料或者行內元素,不能設定上下margin等等。塊級元素當然,能夠新起一行,能夠設定寬高,margin,並且可以包含塊級元素,行內元素和資料。好的,沒問題,那麼再問 img是行內元素嗎?馬上回答,是的。那麼img能夠設定寬高嗎?有點...

塊元素 行內元素 置換元素 非置換元素

搬磚 塊級元素前後會單獨換行 塊級元素可設定width,height,margin,padding屬性有效 可以容納行內元素和其他塊元素,只能容納其他塊元素 塊級元素卻總是會在新的一行開始排列,各個塊級元素獨佔一行,垂直向下排列,若想使其水平方向排序,可使用左右浮動 float left right...