R8-初識(shí)HTML

1. 萬(wàn)維網(wǎng)聯(lián)盟(World Wide Web Consortium, W3C),又稱(chēng) W3C 理事會(huì)擦俐,是萬(wàn)維網(wǎng)的主要國(guó)際標(biāo)準(zhǔn)組織逃糟。

  • 歷史

萬(wàn)維網(wǎng)聯(lián)盟(W3C)由蒂姆·伯納斯-李于1994年10月離開(kāi)歐洲核子研究中心(CERN)后成立,在歐盟執(zhí)委會(huì)和國(guó)防高等研究計(jì)劃署(DARPA)的支持下成立于麻省理工學(xué)院MIT計(jì)算機(jī)科學(xué)與人工智能實(shí)驗(yàn)室(MIT/LCS)地来,DARPA曾率先推出了互聯(lián)網(wǎng)及其前身ARPANET。

  • 標(biāo)準(zhǔn)

為解決web應(yīng)用中不同平臺(tái)、技術(shù)和開(kāi)發(fā)者帶來(lái)的不兼容問(wèn)題莫绣,保障Web信息的順利和完整流通,萬(wàn)維網(wǎng)聯(lián)盟制定了一系列標(biāo)準(zhǔn)并督促Web應(yīng)用開(kāi)發(fā)者和內(nèi)容提供者遵循這些標(biāo)準(zhǔn)悠鞍。標(biāo)準(zhǔn)的內(nèi)容包括使用語(yǔ)言的規(guī)范对室,開(kāi)發(fā)中使用的導(dǎo)則和解釋引擎的行為等等。W3C也制定了包括XML和CSS等的眾多影響深遠(yuǎn)的標(biāo)準(zhǔn)規(guī)范咖祭。

更多詳細(xì)請(qǐng)見(jiàn):wiki
W3C官網(wǎng)

2. MDN Web Docs(舊稱(chēng)Mozilla Developer Network软驰、Mozilla Developer Center,簡(jiǎn)稱(chēng)MDN)是一個(gè)匯集眾多Mozilla基金會(huì)產(chǎn)品和網(wǎng)路技術(shù)開(kāi)發(fā)文檔的免費(fèi)網(wǎng)站心肪。

  • 歷史

該計(jì)畫(huà)始于2005年锭亏,最初由Mozilla公司員工Deb Richardson 領(lǐng)導(dǎo)。自2006年以來(lái)硬鞍,文檔工作由Eric Shepherd領(lǐng)導(dǎo)慧瘤。

網(wǎng)站最初的內(nèi)容是由DevEdge提供,但在AOL收購(gòu)Netscape后固该,DevEdge網(wǎng)站也宣布關(guān)閉锅减。為此Mozilla基金會(huì)向AOL取得了DevEdge釋出的內(nèi)容,同時(shí)將DevEdge內(nèi)容搬移到mozilla.org伐坏。

MDN本身有一個(gè)論壇怔匣,并在Mozilla IRC 網(wǎng)絡(luò)上有一個(gè) IRC 頻道#mdn。MDN由Mozilla公司提供服務(wù)器和員工的資助桦沉。

2016年10月3日發(fā)表的Brave網(wǎng)頁(yè)瀏覽器將MDN作為其搜尋引擎選項(xiàng)之一每瞒。

更多詳細(xì)請(qǐng)見(jiàn):wiki
MDN官網(wǎng)

3. HTML元素

以下是一部分html元素,考慮到時(shí)間我并沒(méi)有寫(xiě)這些元素各自所代表的含義(其實(shí)就是懶纯露,但是真的太麻煩啦=斯恰),如果你想要明白它們所代表的含義的話(huà)埠褪,就去MDN看吧浓利!MDN-HTML

<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<bgsound>
<big>
<blink>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<content>
<data>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<element>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<image>
<img>
<input>
<ins>
<isindex>
<kbd>
<keygen>
<label>
<legend>
<li>
<link>
<listing>
<main>
<map>
<mark>
<marquee>
<menu>
<menuitem>
<meta>
<meter>
<multicol>
<nav>
<nextid>
<nobr>
<noembed>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<picture>
<plaintext>
<pre>
<q>
<rp>
<rt>
<rtc>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<shadow>
<slot>
<small>
Source
<spacer>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<template>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>
<xmp>

4.空標(biāo)簽

雖然不能一個(gè)一個(gè)解釋下每個(gè)標(biāo)簽的含義挤庇,但是可以解釋一些特別的東西。
空標(biāo)簽就是這種“特別”之一贷掖。
正常情況下嫡秕,一個(gè) HTML 元素通常由一個(gè)開(kāi)始標(biāo)記和結(jié)束標(biāo)記組成,其內(nèi)容插入在:
<tagname> 內(nèi)容xxx</tagname>
例如:<p>A Paragraph</p>
但是空標(biāo)簽不同苹威,它沒(méi)有內(nèi)容和結(jié)束標(biāo)記!
在HTML中淘菩,對(duì)一個(gè)空標(biāo)簽使用一個(gè)閉標(biāo)簽通常時(shí)無(wú)效的。
例如:<input type="text"></inut>
正確的寫(xiě)法是:<input type="text">
當(dāng)然你也可以這么寫(xiě):<input type="text" />(HTML5不需要關(guān)閉空元素但是你可以這么做屠升,如果你需要一個(gè)更嚴(yán)格的驗(yàn)證的話(huà))
在HTML中還有以下這些空元素:

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

詳見(jiàn)此

5. 可替換標(biāo)簽

從元素本身的特點(diǎn)來(lái)講潮改,HTML標(biāo)簽元素可以分為可替換元素(replaceable element)和不可替換元素(none-replaceable element)。
不可替換元素:
HTML中的大多數(shù)元素是不可替換元素腹暖,即其內(nèi)容直接表現(xiàn)給用戶(hù)端(例如瀏覽器)汇在。

例如:<p>段落的內(nèi)容</p>
段落<p>是一個(gè)不可替換元素,文字“段落的內(nèi)容”全被顯示脏答。

可替換元素:
可替換元素就是瀏覽器根據(jù)元素的標(biāo)簽和屬性糕殉,來(lái)決定元素的具體顯示內(nèi)容。

例如瀏覽器會(huì)根據(jù)<img>標(biāo)簽的src屬性的值來(lái)讀取圖片信息并顯示出來(lái)殖告,而如果查看(x)html代碼阿蝶,
則看不到圖片的實(shí)際內(nèi)容;又例如根據(jù)<input>標(biāo)簽的type屬性來(lái)決定是顯示輸入框黄绩,還是單選按鈕等羡洁。

更詳細(xì)的解釋(從CSS2.1規(guī)范):

內(nèi)容超出CSS格式模型范圍的元素,如圖像爽丹,嵌入式文檔或小程序筑煮。
例如,HTML IMG元素的內(nèi)容通常被其“src”屬性指定的圖像取代粤蝎。
替換的元素通常具有固有的尺寸:固有寬度真仲,固有高度和固有比率。
例如初澎,位圖圖像具有以絕對(duì)單位指定的固有寬度和固有高度(從中可明顯確定固有比率)秸应。
另一方面,其他文檔可能沒(méi)有任何固有的尺寸(例如碑宴,空白的HTML文檔)软啼。
如果認(rèn)為這些維度可能會(huì)泄露敏感信息給第三方,用戶(hù)代理可能會(huì)認(rèn)為被替換的元素沒(méi)有任何內(nèi)在維度墓懂。
例如焰宣,如果一個(gè)HTML文檔根據(jù)用戶(hù)的銀行余額改變了內(nèi)在大小霉囚,那么UA可能希望這個(gè)資源沒(méi)有固有維度捕仔。
CSS渲染模型中不考慮替換元素的內(nèi)容。

常見(jiàn)的可替換元素有:

<img>
<object>
<video>
<textarea>
<input>
<audio>
<canvas>
<select>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市榜跌,隨后出現(xiàn)的幾起案子闪唆,更是在濱河造成了極大的恐慌,老刑警劉巖钓葫,帶你破解...
    沈念sama閱讀 211,348評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件悄蕾,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡础浮,警方通過(guò)查閱死者的電腦和手機(jī)帆调,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)豆同,“玉大人番刊,你說(shuō)我怎么就攤上這事∮靶猓” “怎么了芹务?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,936評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)鸭廷。 經(jīng)常有香客問(wèn)我枣抱,道長(zhǎng),這世上最難降的妖魔是什么辆床? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,427評(píng)論 1 283
  • 正文 為了忘掉前任佳晶,我火速辦了婚禮,結(jié)果婚禮上讼载,老公的妹妹穿的比我還像新娘宵晚。我一直安慰自己,他們只是感情好维雇,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,467評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布淤刃。 她就那樣靜靜地躺著,像睡著了一般吱型。 火紅的嫁衣襯著肌膚如雪逸贾。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,785評(píng)論 1 290
  • 那天津滞,我揣著相機(jī)與錄音铝侵,去河邊找鬼。 笑死触徐,一個(gè)胖子當(dāng)著我的面吹牛咪鲜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播撞鹉,決...
    沈念sama閱讀 38,931評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼疟丙,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼颖侄!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起享郊,我...
    開(kāi)封第一講書(shū)人閱讀 37,696評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤览祖,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后炊琉,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體展蒂,經(jīng)...
    沈念sama閱讀 44,141評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,483評(píng)論 2 327
  • 正文 我和宋清朗相戀三年苔咪,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了锰悼。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,625評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡团赏,死狀恐怖松捉,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情馆里,我是刑警寧澤隘世,帶...
    沈念sama閱讀 34,291評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站鸠踪,受9級(jí)特大地震影響丙者,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜营密,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,892評(píng)論 3 312
  • 文/蒙蒙 一械媒、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧评汰,春花似錦纷捞、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)逗威。三九已至,卻和暖如春糜值,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背坯墨。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工寂汇, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人捣染。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓骄瓣,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親耍攘。 傳聞我的和親對(duì)象是個(gè)殘疾皇子榕栏,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,492評(píng)論 2 348

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