1.W3C簡(jiǎn)介
???????萬維網(wǎng)聯(lián)盟（World Wide Web Consortium是嗜，W3C）苏潜，又稱W3C理事會(huì)存谎，是萬維網(wǎng)的主要國(guó)際標(biāo)準(zhǔn)組織拔疚。
???????李爵士（蒂姆·伯納斯-李）于1994年10月離開歐洲核子研究中心（CERN）后，成立了萬維網(wǎng)聯(lián)盟（W3C）既荚。萬維網(wǎng)聯(lián)盟是在歐盟執(zhí)委會(huì)和國(guó)防高等研究計(jì)劃署（DARPA）的支持下成立的聯(lián)盟稚失，它的最開始的根據(jù)地位于麻省理工學(xué)院MIT計(jì)算機(jī)科學(xué)與人工智能實(shí)驗(yàn)室（MIT／LCS）。后來在許多地方都有W3C的分支機(jī)構(gòu)恰聘，這里值得一提的是句各，原本最初打算讓CERN做為W3C的歐洲分支機(jī)構(gòu)吸占；然而，CERN希望把重點(diǎn)放在粒子物理上凿宾，而不是信息技術(shù)上矾屯。1995年4月，法國(guó)國(guó)家信息與自動(dòng)化研究所（INRIA）成為W3C的歐洲機(jī)構(gòu)初厚。
???????剛開始件蚕，由于不兼容的HTML版本由不同的供應(yīng)商提供，導(dǎo)致網(wǎng)頁(yè)顯示方式不一致产禾，于是乎排作，W3C想通過制定統(tǒng)一的新標(biāo)準(zhǔn)來促進(jìn)行業(yè)成員間的兼容性和協(xié)議，希望通過實(shí)施并讓所有供應(yīng)商統(tǒng)一使用一套由W3C選擇的核心原則和組件來解決目前不兼容的困境亚情。
2.MDN簡(jiǎn)介
???????通過查閱維基百科可得知（https://zh.wikipedia.org/wiki/MDN_Web_Docs）：
???????“
???????MDN Web Docs（舊稱Mozilla Developer Network妄痪、Mozilla Developer Center，簡(jiǎn)稱MDN）是一個(gè)匯集眾多Mozilla基金會(huì)產(chǎn)品和網(wǎng)絡(luò)技術(shù)開發(fā)文檔的免費(fèi)網(wǎng)站楞件。
???????該項(xiàng)目始于2005年衫生，最初由Mozilla公司員工Deb Richardson領(lǐng)導(dǎo)。自2006年以來履因，文檔工作由Eric Shepherd領(lǐng)導(dǎo)障簿。
???????網(wǎng)站最初的內(nèi)容是由DevEdge提供盹愚，但在AOL收購(gòu)Netscape后栅迄，DevEdge網(wǎng)站也宣布關(guān)閉。為此Mozilla基金會(huì)向AOL獲取了DevEdge發(fā)布的內(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)之一。
???????”
???????有關(guān)web的許多知識(shí)虱黄，都可以通過在google搜索引擎悦即，在你需要查閱的內(nèi)容后加上“MDN”的輸入，便可在MDN網(wǎng)頁(yè)上得到相關(guān)的資料橱乱，例如HTML的標(biāo)簽及其相關(guān)知識(shí)辜梳、又如CSS和JS相關(guān)知識(shí)等。
3.HTML所有標(biāo)簽列表
根元素
| Element |
Description |
<html> |
代表 HTML 或 XHTML 文檔的根泳叠。其他所有元素必須是這個(gè)元素的子節(jié)點(diǎn)作瞄。 |
文檔元數(shù)據(jù)
| Element |
Description |
<head> |
代表關(guān)于文檔元數(shù)據(jù)的一個(gè)集合，包括腳本或樣式表的鏈接或內(nèi)容危纫。 |
<title> |
定義文檔的標(biāo)題宗挥，將顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁(yè)上乌庶。該元素只能包含文本，包含的標(biāo)簽不會(huì)被解釋契耿。 |
<base> |
定義頁(yè)面上相對(duì) URL 的基準(zhǔn) URL瞒大。 |
<link> |
用于鏈接外部的 CSS 到該文檔。 |
<meta> |
定義其他 HTML 元素?zé)o法描述的元數(shù)據(jù)搪桂。 |
<style> |
用于內(nèi)聯(lián) CSS糠赦。 |
腳本
| Element |
Description |
<script> |
定義一個(gè)內(nèi)聯(lián)腳本或鏈接到外部腳本。腳本語言是 JavaScript锅棕。 |
<noscript> |
定義當(dāng)瀏覽器不支持腳本時(shí)顯示的替代文字拙泽。 |
<template> |
通過 JavaScript 在運(yùn)行時(shí)實(shí)例化內(nèi)容的容器。 |
章節(jié)
| Element |
Description |
<body> |
代表 HTML 文檔的內(nèi)容裸燎。在文檔中只能有一個(gè) <body> 元素顾瞻。 |
<section> |
定義文檔中的一個(gè)章節(jié)。 |
<nav> |
定義只包含導(dǎo)航鏈接的章節(jié)德绿。 |
<article> |
定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊荷荤。 |
<aside> |
定義和頁(yè)面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除，剩下的內(nèi)容仍然很合理移稳。 |
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> |
標(biāo)題元素實(shí)現(xiàn)了六層文檔標(biāo)題蕴纳，<h1> 是最大的標(biāo)題，<h6> 是最小的標(biāo)題个粱。標(biāo)題元素簡(jiǎn)要地描述章節(jié)的主題古毛。 |
<header> |
定義頁(yè)面或章節(jié)的頭部。它經(jīng)常包含 logo都许、頁(yè)面標(biāo)題和導(dǎo)航性的目錄稻薇。 |
<footer> |
定義頁(yè)面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息胶征、法律信息鏈接和反饋建議用的地址塞椎。 |
<address> |
定義包含聯(lián)系信息的一個(gè)章節(jié)。 |
<main> |
定義文檔中主要或重要的內(nèi)容睛低。 |
組織內(nèi)容
| Element |
Description |
<p> |
定義一個(gè)段落案狠。 |
<hr> |
代表章節(jié)、文章或其他長(zhǎng)內(nèi)容中段落之間的分隔符钱雷。 |
<pre> |
代表其內(nèi)容已經(jīng)預(yù)先排版過骂铁，格式應(yīng)當(dāng)保留 。 |
<blockquote> |
代表引用自其他來源的內(nèi)容急波。 |
<ol> |
定義一個(gè)有序列表从铲。 |
<ul> |
定義一個(gè)無序列表。 |
<li> |
定義列表中的一個(gè)列表項(xiàng)澄暮。 |
<dl> |
定義一個(gè)定義列表（一系列術(shù)語和其定義）名段。 |
<dt> |
代表一個(gè)由下一個(gè) <dd> 定義的術(shù)語阱扬。 |
<dd> |
代表出現(xiàn)在它之前術(shù)語的定義。 |
<figure> |
代表一個(gè)和文檔有關(guān)的圖例伸辟。 |
<figcaption> |
代表一個(gè)圖例的說明麻惶。 |
<div> |
代表一個(gè)通用的容器，沒有特殊含義信夫。 |
文字形式
| Element |
Description |
<a> |
代表一個(gè)鏈接到其他資源的超鏈接 窃蹋。 |
<em> |
代表強(qiáng)調(diào) 文字。 |
<strong> |
代表特別重要 文字静稻。 |
<small> |
代表注釋 警没，如免責(zé)聲明、版權(quán)聲明等振湾，對(duì)理解文檔不重要杀迹。 |
<s> |
代表不準(zhǔn)確或不相關(guān) 的內(nèi)容。 |
<cite> |
代表作品標(biāo)題 押搪。 |
<q> |
代表內(nèi)聯(lián)的引用 树酪。 |
<dfn> |
代表一個(gè)術(shù)語包含在其最近祖先內(nèi)容中的定義 。 |
<abbr> |
代表省略 或縮寫 大州，其完整內(nèi)容在 title 屬性中续语。 |
<data> |
關(guān)聯(lián)一個(gè)內(nèi)容的機(jī)器可讀的等價(jià)形式 （該元素只在 WHATWG 版本的 HTML 標(biāo)準(zhǔn)中，不在 W3C 版本的 HTML5 標(biāo)準(zhǔn)中）厦画。 |
<time> |
代表日期 和時(shí)間 值疮茄；機(jī)器可讀的等價(jià)形式通過 datetime 屬性指定。 |
<code> |
代表計(jì)算機(jī)代碼 苛白。 |
<var> |
代表代碼中的變量 娃豹。 |
<samp> |
代表程序或電腦的輸出 焚虱。 |
<kbd> |
代表用戶輸入 购裙，一般從鍵盤輸出，但也可以代表其他輸入鹃栽，如語音輸入躏率。 |
<sub>,<sup>
|
分別代表下標(biāo) 和上標(biāo) 。 |
<i> |
代表一段不同性質(zhì) 的文字民鼓，如技術(shù)術(shù)語薇芝、外文短語等。 |
<b> |
代表一段需要被關(guān)注 的文字丰嘉。 |
<u> |
代表一段需要下劃線呈現(xiàn)的文本注釋夯到，如標(biāo)記出拼寫錯(cuò)誤的文字等。 |
<mark> |
代表一段需要被高亮的引用 文字饮亏。 |
<ruby> |
代表被ruby 注釋 標(biāo)記的文本耍贾，如中文漢字和它的拼音阅爽。 |
<rt> |
代表ruby 注釋 ，如中文拼音荐开。 |
<rp> |
代表 ruby 注釋兩邊的額外插入文本 付翁，用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示。 |
<bdi> |
代表需要脫離 父元素文本方向的一段文本晃听。它允許嵌入一段不同或未知文本方向格式的文本百侧。 |
<bdo> |
指定子元素的文本方向 ，顯式地覆蓋默認(rèn)的文本方向能扒。 |
<span> |
代表一段沒有特殊含義的文本佣渴，當(dāng)其他語義元素都不適合文本時(shí)候可以使用該元素。 |
<br> |
代表?yè)Q行 初斑。 |
<wbr> |
代表建議換行 (Word Break Opportunity) 观话，當(dāng)文本太長(zhǎng)需要換行時(shí)將會(huì)在此處添加換行符。 |
編輯
| Element |
Description |
<ins> |
定義增加 到文檔的內(nèi)容越平。 |
<del> |
定義從文檔移除 的內(nèi)容频蛔。 |
嵌入內(nèi)容
| Element |
Description |
<img> |
代表一張圖片 。 |
<iframe> |
代表一個(gè)內(nèi)聯(lián)的框架 秦叛。 |
<embed> |
代表一個(gè)嵌入 的外部資源晦溪，如應(yīng)用程序或交互內(nèi)容。 |
<object> |
代表一個(gè)外部資源 挣跋，如圖片三圆、HTML 子文檔、插件等避咆。 |
<param> |
代表 <object> 元素所指定的插件的參數(shù) 舟肉。 |
<video> |
代表一段視頻 及其視頻文件和字幕，并提供了播放視頻的用戶界面查库。 |
<audio> |
代表一段聲音 路媚，或音頻流 。 |
<source> |
為 <video> 或 <audio> 這類媒體元素指定媒體源 樊销。 |
<track> |
為 <video> 或 <audio> 這類媒體元素指定文本軌道（字幕） 整慎。 |
<canvas> |
代表位圖區(qū)域 ，可以通過腳本在它上面實(shí)時(shí)呈現(xiàn)圖形围苫，如圖表裤园、游戲繪圖等。 |
<map> |
與 <area> 元素共同定義圖像映射 區(qū)域剂府。 |
<area> |
與 <map> 元素共同定義圖像映射 區(qū)域拧揽。 |
<svg> |
定義一個(gè)嵌入式矢量圖 。 |
[<math>](https://developer.mozilla.org/zh-CN/docs/Web/MathML/Element/math "<math>") |
定義一段數(shù)學(xué)公式 。 |
表格
表單
交互元素
| Element |
Description |
<details> |
代表一個(gè)用戶可以(點(diǎn)擊)獲取額外信息或控件的小部件 玄括。 |
<summary> |
代表 <details> 元素的綜述或標(biāo)題 冯丙。 |
<menuitem> |
代表一個(gè)用戶可以點(diǎn)擊的菜單項(xiàng)。 |
<menu> |
代表菜單惠豺。 |
4.什么是空標(biāo)簽
沒有內(nèi)容的 HTML 元素被稱為空元素银还。空元素是在開始標(biāo)簽中關(guān)閉的洁墙，<br> <hr>都是沒有關(guān)閉標(biāo)簽的空元素。目前HTML支持不帶關(guān)閉的空元素戒财，但在 XHTML热监、XML 以及未來版本的 HTML中，所有元素都必須被關(guān)閉饮寞。 在開始標(biāo)簽中添加斜杠孝扛，比如<br />列吼，是關(guān)閉空元素的正確方法，HTML苦始、XHTML 和 XML 都接受這種方式寞钥。 即使它們?cè)谒袨g覽器中都是有效的，但使用 <br />其實(shí)是更長(zhǎng)遠(yuǎn)的保障陌选。
常見的空標(biāo)簽
<area>
<base>
<br>
<col>
<colgroup>
<command>
<embed>
<hr>
<img>
<input>
<keygen>
<link>
<meta>
<param>
<source>
<track>
<wbr>
----------------------------------------------------------------------------------
Norte:在極少的情況下理郑，空元素被錯(cuò)誤的稱為“無效元素”(void elements)
5.可替換標(biāo)簽
???????在CSS里，可替換元素(replaced element)的展現(xiàn)不是由CSS來控制的咨油。這些元素是一類外觀渲染獨(dú)立于CSS的外部對(duì)象您炉。
???????典型的可替換元素有<img>、<object>役电、<video>和表單元素赚爵，如<textarea>、<input>法瑟。某些元素只在一些特殊情況下表現(xiàn)為可替換元素冀膝，例如<audio>和<canvas>。通過CSS的content屬性來插入的對(duì)象被稱為匿名可替換對(duì)象(annoymous replaced elements)霎挟。
???????CSS在某些情況下會(huì)對(duì)可替換元素做特殊處理畸写，比如計(jì)算外邊距和一些auto值。
???????需要注意的是氓扛，一部分（并非全部）可替換元素枯芬，本身具有尺寸和基線(baseline)，會(huì)被想vertical-align之類的一些CSS屬性用到采郎。
???????總之千所，替換元素就是瀏覽器根據(jù)元素的標(biāo)簽和屬性，來決定元素的具體顯示內(nèi)容蒜埋。替換元素是其內(nèi)容不受CSS視覺格式化模型控制的元素淫痰，例如img標(biāo)簽，嵌入的文檔（iframe之類）或者applet整份，這些叫做替換元素待错。比如img元素通過src屬性的值來讀取圖片信息并顯示出來，而如果查看(x)html代碼烈评，卻看不到圖片的實(shí)際內(nèi)容火俄，而且img元素的內(nèi)容通常會(huì)被src屬性指定的圖像替換掉；例如input元素的type屬性決定是顯示輸入框讲冠，還是單選按鈕等瓜客。(x)html中的img , input , textarea , select , object都是替換元素。這些元素沒有實(shí)際的內(nèi)容，即是個(gè)空元素谱仪。
本教程版權(quán)歸宣澤彬所有玻熙，轉(zhuǎn)載須說明來源
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
