空元素和可替換元素

空元素

空標簽也叫空元素(empty element) HTML 里的一個不可能存在子節(jié)點(例如內(nèi)嵌的元素或者元素內(nèi)的文本)的元素

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

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

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

  • <area>
  • <base>
  • <br>
  • <colgroup>
  • <command>
  • <embed>
  • <hr>
  • <img>
  • <input>
  • <keygen>
  • <link>
  • <meta>
  • <param>
  • <source>
  • <track>
  • <wbr>

可替換標簽

在 CSS中,可替換元素(replaced element)的展現(xiàn)效果不是由 CSS 來控制的。這些元素是一種外部對象,它們外觀的渲染,是獨立于 CSS 的。

簡單來說,它們的內(nèi)容不受當前文檔的樣式的影響。CSS 可以影響可替換元素的位置,但不會影響到可替換元素自身的內(nèi)容。某些可替換元素,例如 <iframe>元素,可能具有自己的樣式表,但它們不會繼承父文檔的樣式。

典型的可替換元素有:

  • <iframe>

  • <video>

  • <embed>

  • <img>
    有些元素僅在特定情況下被作為可替換元素處理,例如:

  • <option>

  • <audio>

  • <canvas>

  • <object>

  • <applet>

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

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

  • 一、空元素 在圖片上定義一個熱點區(qū)域。 指定用于一個文檔中包含的所有相對URL的基本URL。一份中只能有一個 元素...
    Uohkowg閱讀 470評論 0 0
  • 概要 64學時 3.5學分 章節(jié)安排 電子商務網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,851評論 0 3
  • ??DOM 1 級主要定義的是 HTML 和 XML 文檔的底層結(jié)構(gòu)。 ??DOM2 和 DOM3 級則在這個結(jié)構(gòu)...
    霜天曉閱讀 1,599評論 1 3
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,686評論 0 7
  • 前端開發(fā)面試知識點大綱: HTML&CSS: 對Web標準的理解、瀏覽器內(nèi)核差異、兼容性、hack、CSS基本功:...
    秀才JaneBook閱讀 2,780評論 0 25

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