空元素、可替換元素那點事

空元素

一個空元素(empty element)可能是 HTML,SVG,或者 MathML 里的一個不可能存在子節(jié)點(例如內(nèi)嵌的元素或者元素內(nèi)的文本)的element。

HTML,SVG和 MathML的規(guī)范都詳細(xì)定義了每個元素能包含的具體內(nèi)容(define very precisely what each element can contain)。許多組合是沒有任何語義含義的,比如一個 <audio> 元素嵌套在一個 <hr>元素里。

在 HTML 中,通常在一個空元素上使用一個閉標(biāo)簽是無效的。例如: <input type="text"></input> 的閉標(biāo)簽是無效的 HTML。

在 HTML 中有以下這些空元素:

* `<area>`  //在圖片上定義一個熱點區(qū)域
* `<base>` //指定用于一個文檔中包含的所有相對URL的基本URL
* `<br>` //在文本中產(chǎn)生一個換行(回車鍵)
* `<col>` //定義表格中的列,并用于定義所有公共單元格上的公共語義
* `<colgroup>` //定義表中的一組列表
* `<command>` //表示一個用戶可以調(diào)用的命令
* `<embed>` //表示一個外部應(yīng)用或交互式內(nèi)容的集合點,換句話說,就是一個插件
* `<hr>` //表示段落級元素之間的主題轉(zhuǎn)換
* `<img>` //代表文檔中的一個圖像
* `<input>` //用于為基于Web的表單創(chuàng)建交互式控件,以便接受來自用戶的數(shù)據(jù)
* `<keygen>` //為了方便生成密鑰材料和提交作為HTML form的一部分的公鑰
* `<link>` //指定了外部資源與當(dāng)前文檔的關(guān)系
* `<meta>` //表示那些不能由其它HTML元相關(guān)元素之一表示的任何元數(shù)據(jù)信息
* `<param>` //定義了 <object>的參數(shù)
* `<source>` //為媒體元素(比如 <video> 和 <audio>)定義媒體資源
* `<track>` //被當(dāng)作媒體元素(比如<audio> 和 <video>)的子元素來使用
* `<wbr>` //一個文本中的位置,其中瀏覽器可以選擇來換行,雖然它的換行規(guī)則可能不會在這里換行

可替換元素

CSS 里,可替換元素(replaced element)的展現(xiàn)不是由CSS來控制的。這些元素是一類外觀渲染獨立于CSS的外部對象。典型的可替換元素有<img>、<object><video>和表單元素,如<textarea><input>。某些元素只在一些特殊情況下表現(xiàn)為可替換元素,例如<audio><canvas>。通過 CSScontent屬性來插入的對象被稱作 匿名可替換元素(anonymous replaced elements)。

CSS在某些情況下會對可替換元素做特殊處理,比如計算外邊距和一些auto值。

需要注意的是,一部分(并非全部)可替換元素,本身具有尺寸和基線(baseline),會被像vertical-align之類的一些 CSS 屬性用到。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 14,168評論 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,826評論 1 45
  • 前端開發(fā)面試題 <a name='preface'>前言</a> 只看問題點這里 看全部問題和答案點這里 本文由我...
    自you是敏感詞閱讀 904評論 0 3
  • 各位小伙伴大家晚上好,我是MG,今晚由我來為大家講解一下。產(chǎn)品推廣及銷售技巧。 今天我從兩個方面來跟大家講解一下,...
    123456榮閱讀 980評論 0 0
  • 導(dǎo)語 我們的曠野本來是廣袤的、富饒的、美麗的。我們的農(nóng)民們,一代又一代在這片曠野上耕耘生息。他們總是希望著,以自己...
    漫游家閱讀 4,933評論 0 0

友情鏈接更多精彩內(nèi)容