空元素&可替代元素

空元素(empty element)

空元素,可能是 HTML,SVG,或者 MathML 里的一個(gè)不存在子節(jié)點(diǎn)(例如內(nèi)嵌的元素或者元素內(nèi)的文本)的element。但是空元素可以有自己的屬性,要區(qū)分屬性和節(jié)點(diǎn)。

空元素中嵌套子節(jié)點(diǎn)是沒有語義含義的。

空元素一般是沒有閉合標(biāo)簽的,如果空元素使用了閉合標(biāo)簽,例如:<input></input> ,那么一般這個(gè)標(biāo)簽就會(huì)變得無效。

常見的空元素:

  • <area>
  • <base>
  • <br>
  • <col>
  • <colgroup> when the span is present
  • <command>
  • <embed>
  • <hr>
  • <img>
  • <input>
  • <keygen>
  • <link>
  • <meta>
  • <param>
  • <source>
  • <track>
  • <wbr>

可替代元素(replaced element)

可替換元素的展現(xiàn)效果不是由 CSS 來控制的。這些元素是一種外部對(duì)象,它們外觀的渲染,是獨(dú)立于當(dāng)前文檔使用的 CSS樣式 的。一般來說當(dāng)前文檔的CSS樣式唯一能夠控制的是可替代元素在當(dāng)前文檔的位置。

常見的可替換元素:

典型的可替換元素

  • <iframe>
  • <video>
  • <embed>
  • <img>

特定情況下的可替換元素

  • <option>
  • <audio>
  • <canvas>
  • <object>
  • <applet>

<input>
<input>在type為image的情況下可以像<img>一樣被當(dāng)做可替換元素,但是其他type類型下,被明確地列為非可替換元素。

CSS 中的 content
用 CSS content 屬性插入的對(duì)象是匿名的可替換元素。它們并不存在于 HTML 標(biāo)記中,因此是“匿名的”。

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

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,114評(píng)論 1 92
  • ??DOM(文檔對(duì)象模型)是針對(duì) HTML 和 XML 文檔的一個(gè) API(應(yīng)用程序編程接口)。 ??DOM 描繪...
    霜天曉閱讀 3,864評(píng)論 0 7
  • ??DOM 1 級(jí)主要定義的是 HTML 和 XML 文檔的底層結(jié)構(gòu)。 ??DOM2 和 DOM3 級(jí)則在這個(gè)結(jié)構(gòu)...
    霜天曉閱讀 1,599評(píng)論 1 3
  • Element對(duì)象對(duì)應(yīng)網(wǎng)頁的HTML標(biāo)簽元素。每一個(gè)HTML標(biāo)簽元素,在DOM樹上都會(huì)轉(zhuǎn)化成一個(gè)Element節(jié)點(diǎn)...
    許先生__閱讀 1,961評(píng)論 0 2
  • 第3章 基本概念 3.1 語法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類型 5種簡(jiǎn)單數(shù)據(jù)類型:Unde...
    RickCole閱讀 5,502評(píng)論 0 21

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