HTML的入門(mén)學(xué)習(xí)(一)

在學(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聚蝶。

HTMLSVGMathML的規(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 中有以下這些空元素:

<area>

<base>

<br>

<col>

<colgroup>?when the?span?is present

<command>

<embed>

<hr>

<img>

<input>

<keygen>

<link>

<meta>

<param>

<source>

<track>

<wbr>

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”。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末茶宵,一起剝皮案震驚了整個(gè)濱河市危纫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌乌庶,老刑警劉巖种蝶,帶你破解...
    沈念sama閱讀 219,589評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異瞒大,居然都是意外死亡螃征,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,615評(píng)論 3 396
  • 文/潘曉璐 我一進(jìn)店門(mén)透敌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)盯滚,“玉大人,你說(shuō)我怎么就攤上這事酗电∑桥海” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,933評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵撵术,是天一觀的道長(zhǎng)背率。 經(jīng)常有香客問(wèn)我,道長(zhǎng)嫩与,這世上最難降的妖魔是什么寝姿? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,976評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮蕴纳,結(jié)果婚禮上会油,老公的妹妹穿的比我還像新娘。我一直安慰自己古毛,他們只是感情好翻翩,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,999評(píng)論 6 393
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著稻薇,像睡著了一般嫂冻。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上塞椎,一...
    開(kāi)封第一講書(shū)人閱讀 51,775評(píng)論 1 307
  • 那天桨仿,我揣著相機(jī)與錄音,去河邊找鬼案狠。 笑死服傍,一個(gè)胖子當(dāng)著我的面吹牛钱雷,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播吹零,決...
    沈念sama閱讀 40,474評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼罩抗,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了灿椅?” 一聲冷哼從身側(cè)響起套蒂,我...
    開(kāi)封第一講書(shū)人閱讀 39,359評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎茫蛹,沒(méi)想到半個(gè)月后操刀,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,854評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡婴洼,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,007評(píng)論 3 338
  • 正文 我和宋清朗相戀三年骨坑,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片柬采。...
    茶點(diǎn)故事閱讀 40,146評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡卡啰,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出警没,到底是詐尸還是另有隱情,我是刑警寧澤振湾,帶...
    沈念sama閱讀 35,826評(píng)論 5 346
  • 正文 年R本政府宣布杀迹,位于F島的核電站,受9級(jí)特大地震影響押搪,放射性物質(zhì)發(fā)生泄漏树酪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,484評(píng)論 3 331
  • 文/蒙蒙 一大州、第九天 我趴在偏房一處隱蔽的房頂上張望续语。 院中可真熱鬧,春花似錦厦画、人聲如沸疮茄。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,029評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)力试。三九已至,卻和暖如春排嫌,著一層夾襖步出監(jiān)牢的瞬間畸裳,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,153評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工淳地, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留怖糊,地道東北人帅容。 一個(gè)月前我還...
    沈念sama閱讀 48,420評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像伍伤,于是被迫代替她去往敵國(guó)和親并徘。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,107評(píng)論 2 356

推薦閱讀更多精彩內(nèi)容