W3C
World?Wide?Web?Consortium??萬(wàn)維網(wǎng)聯(lián)盟? 簡(jiǎn)稱W3C 补君。是萬(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)[2]卑惜,DARPA推出了ARPANET,是互聯(lián)網(wǎng)前身之一。
MDN
?Developer Center?Web DoMozilla?是一個(gè)匯集眾多Mozilla基金會(huì)產(chǎn)品和網(wǎng)絡(luò)技術(shù)開(kāi)發(fā)文檔的免費(fèi)網(wǎng)站痊乾。
該項(xiàng)目始于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發(fā)布的內(nèi)容,同時(shí)將DevEdge內(nèi)容搬移到mozilla.org叽奥。
HTML 所有標(biāo)簽列表
根元素
<html>代表 HTML 或 XHTML 文檔的根扔水。其他所有元素必須是這個(gè)元素的子節(jié)點(diǎn)。
文檔元數(shù)據(jù)
<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筷屡。
腳本
<script>定義一個(gè)內(nèi)聯(lián)腳本或鏈接到外部腳本涧偷。腳本語(yǔ)言是 JavaScript。
<noscript>定義當(dāng)瀏覽器不支持腳本時(shí)顯示的替代文字毙死。
<template>通過(guò) JavaScript 在運(yùn)行時(shí)實(shí)例化內(nèi)容的容器燎潮。
章節(jié)
<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)容
<p>定義一個(gè)段落稳其。
<hr>代表章節(jié)驶赏、文章或其他長(zhǎng)內(nèi)容中段落之間的分隔符。
<pre>代表其內(nèi)容已經(jīng)預(yù)先排版過(guò)既鞠,格式應(yīng)當(dāng)保留 煤傍。
<blockquote>代表引用自其他來(lái)源的內(nèi)容。
<ol>定義一個(gè)有序列表嘱蛋。
<ul>定義一個(gè)無(wú)序列表蚯姆。
<li>定義列表中的一個(gè)列表項(xiàng)。
<dl>定義一個(gè)定義列表(一系列術(shù)語(yǔ)和其定義)洒敏。
<dt>代表一個(gè)由下一個(gè)?<dd>?定義的術(shù)語(yǔ)龄恋。
<dd>代表出現(xiàn)在它之前術(shù)語(yǔ)的定義。
<figure>?代表一個(gè)和文檔有關(guān)的圖例凶伙。
<figcaption>?代表一個(gè)圖例的說(shuō)明郭毕。
<div>代表一個(gè)通用的容器,沒(méi)有特殊含義函荣。
文字形式
<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ù)語(yǔ)包含在其最近祖先內(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à)形式通過(guò)?datetime?屬性指定。
<code>代表計(jì)算機(jī)代碼?瓦糕。
<var>代表代碼中的變量?底洗。
<samp>代表程序或電腦的輸出?。
<kbd>代表用戶輸入?咕娄,一般從鍵盤輸出亥揖,但也可以代表其他輸入,如語(yǔ)音輸入。
<sub>,<sup>分別代表下標(biāo)?和上標(biāo)?费变。
<i>代表一段不同性質(zhì)?的文字摧扇,如技術(shù)術(shù)語(yǔ)、外文短語(yǔ)等挚歧。
<b>代表一段需要被關(guān)注?的文字扛稽。
<u>代表一段需要下劃線呈現(xiàn)的文本注釋,如標(biāo)記出拼寫錯(cuò)誤的文字等滑负。
<mark>?代表一段需要被高亮的引用?文字在张。
<ruby>?代表被ruby 注釋?標(biāo)記的文本,如中文漢字和它的拼音。
<rt>?代表ruby 注釋?,如中文拼音耗溜。
<rp>?代表 ruby 注釋兩邊的額外插入文本?,用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示辟狈。
<bdi>?代表需要脫離?父元素文本方向的一段文本。它允許嵌入一段不同或未知文本方向格式的文本夏跷。
<bdo>指定子元素的文本方向?哼转,顯式地覆蓋默認(rèn)的文本方向。
<span>代表一段沒(méi)有特殊含義的文本槽华,當(dāng)其他語(yǔ)義元素都不適合文本時(shí)候可以使用該元素壹蔓。
<br>代表換行?。
<wbr>?代表建議換行 (Word Break Opportunity)?猫态,當(dāng)文本太長(zhǎng)需要換行時(shí)將會(huì)在此處添加換行符佣蓉。
編輯
<ins>定義增加?到文檔的內(nèi)容。
<del>定義從文檔移除?的內(nèi)容亲雪。
嵌入內(nèi)容
<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ū)域?宪萄,可以通過(guò)腳本在它上面實(shí)時(shí)呈現(xiàn)圖形舅桩,如圖表、游戲繪圖等雨膨。
<map>與?<area>?元素共同定義圖像映射?區(qū)域。
<area>與?<map>?元素共同定義圖像映射?區(qū)域读串。
<svg>?定義一個(gè)嵌入式矢量圖?聊记。
<math>?定義一段數(shù)學(xué)公式?。
表格
<table>定義多維數(shù)據(jù)?恢暖。
<caption>代表表格的標(biāo)題?排监。
<colgroup>代表表格中一組單列或多列?。
<col>代表表格中的列?杰捂。
<tbody>代表表格中一塊具體數(shù)據(jù)?(表格主體)舆床。
<thead>代表表格中一塊列標(biāo)簽?(表頭)。
<tfoot>代表表格中一塊列摘要?(表尾)嫁佳。
<tr>代表表格中的行?挨队。
<td>代表表格中的單元格?。
<th>代表表格中的頭部單元格?蒿往。
表單
<form>代表一個(gè)表單?盛垦,由控件組成。
<fieldset>代表控件組?瓤漏。
<legend>代表?<fieldset>?控件組的標(biāo)題?腾夯。
<label>代表表單控件的標(biāo)題?。
<input>代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū)?(文本框蔬充、單選框蝶俱、復(fù)選框等)。
<button>代表按鈕?饥漫。
<select>代表下拉框?榨呆。
<datalist>?代表提供給其他控件的一組預(yù)定義選項(xiàng)?。
<optgroup>代表一個(gè)選項(xiàng)分組?趾浅。
<option>代表一個(gè)?<select>?元素或?<datalist>?元素中的一個(gè)選項(xiàng)
<textarea>代表多行文本框?愕提。
<keygen>?代表一個(gè)密鑰對(duì)生成器?控件。
<output>?代表計(jì)算值?皿哨。
<progress>?代表進(jìn)度條?浅侨。
<meter>?代表滑動(dòng)條?。
交互元素
<details>?代表一個(gè)用戶可以(點(diǎn)擊)獲取額外信息或控件的小部件?证膨。
<summary>?代表?<details>?元素的綜述?或標(biāo)題?如输。
<menuitem>?代表一個(gè)用戶可以點(diǎn)擊的菜單項(xiàng)。
<menu>?代表菜單。
空標(biāo)簽
沒(méi)有閉合的標(biāo)簽稱為空標(biāo)簽不见,如:<br />和<img />等澳化。他們不存在成對(duì)的情況(<colgroup>除外)反之具有成對(duì)性質(zhì)的例如:<div></div>、<form></form>就不是空標(biāo)簽稳吮。
在HTML中缎谷,在空標(biāo)簽上使用閉標(biāo)簽是無(wú)效的,例如:</br>灶似。這樣的情況是無(wú)效的HTML酪惭。
常見(jiàn)的空標(biāo)簽
<input /> 用于為基于Web的表單創(chuàng)建交互式控件嫩实,以便接受來(lái)自用戶的數(shù)據(jù)谦秧。
<img /> 代表文檔中的一個(gè)圖像。
<isindex /> 使瀏覽器顯示一個(gè)對(duì)話框诲宇,提示用戶輸入單行文本旭愧。
<area /> 在圖片上定義一個(gè)熱點(diǎn)區(qū)域 <base /> 指定用于一個(gè)文檔中包含的所有相對(duì)URL的基 本URL桃熄。
<basefont /> 用來(lái)設(shè)置文檔的默認(rèn)字體大小坑匠。(目前已廢棄 )
<bgsound /> IE瀏覽器中設(shè)置網(wǎng)頁(yè)背景音樂(lè)的元素厘灼。
<col /> 定義表格中的列夹纫,并用于定義所有公共單元格上的公共語(yǔ)義。它通成璋迹‘<colgroup>`元素內(nèi)舰讹。
<embed /> 用于表示一個(gè)外部應(yīng)用或交互式內(nèi)容的集合點(diǎn),換句話說(shuō)闪朱,就是一個(gè)插件月匣。 <frame /> ,它定義了一個(gè)特定區(qū)域奋姿,另一個(gè) HTML 文檔可以在里面展示锄开。(已廢棄)
<keygen /> 為了方便生成密鑰材料和提交作為 [HTML form]的一部分的公鑰.這種機(jī)制被用于設(shè)計(jì)基于 Web 的證書管理系統(tǒng)。(已廢棄)
<link /> 指定了外部資源與當(dāng)前文檔的關(guān)系. 這個(gè)元素的使用方法包括為導(dǎo)航定義關(guān)系框架.這個(gè)元素經(jīng)常用來(lái)鏈接css文件称诗。
<meta /> 元素表示那些不能由其它HTML元相關(guān)元素 (<base>, <link>, <script>, <style> 或 <title>) 之一表示的任何元數(shù)據(jù)信息.
<nextid /> 是一個(gè)過(guò)時(shí)的 HTML 元素, 它使下一個(gè) web 設(shè)計(jì)工具能夠?yàn)槠涠ㄎ稽c(diǎn)生成自動(dòng)名稱標(biāo)簽萍悴。 它是由該 web 編輯工具自動(dòng)生成的, 不需要手動(dòng)調(diào)整或輸入。這個(gè)元素的區(qū)別是成為第一個(gè)元素, 成為一個(gè) "丟失的標(biāo)簽" 被淘汰的官方公共 DTD 的 HTML 版本寓免。
<param /> 定義了 <object>的參數(shù) <plaintext /> 將起始標(biāo)簽后面的任何東西渲染為純文本癣诱,不會(huì)解釋為 HTML。它沒(méi)有閉合標(biāo)簽袜香,因?yàn)槿魏魏竺娴臇|西都會(huì)看做純文本撕予。(已廢棄) <spacer /> 它可以向頁(yè)面插入間隔。它由 Netscape 設(shè)計(jì)困鸥,用于實(shí)現(xiàn)單像素布局圖像的相同效果嗅蔬,Web 設(shè)計(jì)師用它來(lái)向頁(yè)面添加空白剑按,而不需要實(shí)際使用圖片。(已廢棄)
<wbr /> 一個(gè)文本中的位置澜术,其中瀏覽器可以選擇來(lái)?yè)Q行艺蝴,雖然它的換行規(guī)則可能不會(huì)在這里換行。
可替換標(biāo)簽
CSS 里鸟废,可替換元素(replaced element)的展現(xiàn)不是由CSS來(lái)控制的猜敢。這些元素是一類 外觀渲染獨(dú)立于CSS的 外部對(duì)象。 典型的可替換元素有<img>盒延、<object>缩擂、<video>和 表單元素,如<textarea>添寺、<input>胯盯。 某些元素只在一些特殊情況下表現(xiàn)為可替換元素,例如<audio>和<canvas>计露。 通過(guò) CSScontent屬性來(lái)插入的對(duì)象 被稱作匿名可替換元素(anonymous replaced elements)博脑。
CSS在某些情況下會(huì)對(duì)可替換元素做特殊處理,比如計(jì)算外邊距和一些auto值票罐。
需要注意的是叉趣,一部分(并非全部)可替換元素,本身具有尺寸和基線(baseline)该押,會(huì)被像vertical-align之類的一些 CSS 屬性用到疗杉。