在學(xué)習(xí)HTML的過(guò)程中,發(fā)現(xiàn)了一些新的概念站蝠,空元素,可替代元素卓鹿,這里就做一下學(xué)習(xí)的筆記菱魔,具體的學(xué)習(xí)內(nèi)容是通過(guò)MDN上查找到的。
空元素(https://developer.mozilla.org/zh-CN/docs/Glossary/%E7%A9%BA%E5%85%83%E7%B4%A0)
一個(gè)空元素(empty element)可能是?HTML吟孙,SVG澜倦,或者?MathML 里的一個(gè)不可能存在子節(jié)點(diǎn)(例如內(nèi)嵌的元素或者元素內(nèi)的文本)的element聚蝶。
HTML,SVG和MathML的規(guī)范都詳細(xì)定義了每個(gè)元素能包含的具體內(nèi)容(define very precisely what each element can contain)藻治。許多組合是沒(méi)有任何語(yǔ)義含義的碘勉,比如一個(gè)<audio>?元素嵌套在一個(gè)?<hr>?元素里。
在 HTML 中桩卵,通常在一個(gè)空元素上使用一個(gè)閉標(biāo)簽是無(wú)效的验靡。例如,<input type="text"></input>的閉標(biāo)簽是無(wú)效的 HTML吸占。
在 HTML 中有以下這些空元素:
<colgroup>?when the?span?is present
Note: 在極少數(shù)情況下晴叨,空元素被錯(cuò)誤地稱(chēng)為“無(wú)效元素”(void elements)。
可替換元素(https://developer.mozilla.org/zh-CN/docs/Web/CSS/Replaced_element)
CSS 里矾屯,可替換元素(replaced element)的展現(xiàn)不是由CSS來(lái)控制的。這些元素是一類(lèi) 外觀渲染獨(dú)立于CSS的 外部對(duì)象初厚。 典型的可替換元素有?<img>件蚕、?<object>、?<video>?和 表單元素产禾,如<textarea>排作、?<input>?。 某些元素只在一些特殊情況下表現(xiàn)為可替換元素亚情,例如<audio>?和?<canvas>?妄痪。 通過(guò) CSS?content?屬性來(lái)插入的對(duì)象 被稱(chēng)作匿名可替換元素(anonymous replaced elements)沧踏。
CSS在某些情況下會(huì)對(duì)可替換元素做特殊處理寡壮,比如計(jì)算外邊距和一些auto值。
需要注意的是细办,一部分(并非全部)可替換元素土浸,本身具有尺寸和基線(baseline)罪针,會(huì)被像vertical-align之類(lèi)的一些 CSS 屬性用到。
CSS Key Concepts:?CSS 語(yǔ)法,?@規(guī)則,?注釋,?優(yōu)先級(jí)和繼承, the?盒模型,?布局模式和視覺(jué)格式化模型黄伊,以及外邊距合并泪酱,或者初始、計(jì)算还最、解析墓阀、指定、使用和實(shí)際值拓轻。 Definitions of?值語(yǔ)法斯撮、簡(jiǎn)寫(xiě)屬性和可替換元素。
此處記錄一點(diǎn)display默認(rèn)值的相關(guān)知識(shí):div悦即,p吮成,li橱乱,img,ul粱甫,h1等默認(rèn)情況下的display屬性值就是“block”泳叠,span的display默認(rèn)屬性值是“inline”。