HTML

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 屬性用到疗杉。


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市蚕礼,隨后出現(xiàn)的幾起案子烟具,更是在濱河造成了極大的恐慌,老刑警劉巖奠蹬,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件净赴,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡罩润,警方通過(guò)查閱死者的電腦和手機(jī)玖翅,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)割以,“玉大人金度,你說(shuō)我怎么就攤上這事⊙狭ぃ” “怎么了猜极?”我有些...
    開(kāi)封第一講書人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)消玄。 經(jīng)常有香客問(wèn)我跟伏,道長(zhǎng)丢胚,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任受扳,我火速辦了婚禮携龟,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘勘高。我一直安慰自己峡蟋,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布华望。 她就那樣靜靜地躺著蕊蝗,像睡著了一般。 火紅的嫁衣襯著肌膚如雪赖舟。 梳的紋絲不亂的頭發(fā)上蓬戚,一...
    開(kāi)封第一講書人閱讀 51,274評(píng)論 1 300
  • 那天,我揣著相機(jī)與錄音宾抓,去河邊找鬼碌更。 笑死,一個(gè)胖子當(dāng)著我的面吹牛洞慎,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播嘿棘,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼劲腿,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了鸟妙?” 一聲冷哼從身側(cè)響起焦人,我...
    開(kāi)封第一講書人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎重父,沒(méi)想到半個(gè)月后花椭,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡房午,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年矿辽,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片郭厌。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡袋倔,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出折柠,到底是詐尸還是另有隱情宾娜,我是刑警寧澤,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布扇售,位于F島的核電站前塔,受9級(jí)特大地震影響嚣艇,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜华弓,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一食零、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧该抒,春花似錦慌洪、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至欧引,卻和暖如春频伤,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背芝此。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工憋肖, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人婚苹。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓岸更,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親膊升。 傳聞我的和親對(duì)象是個(gè)殘疾皇子怎炊,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

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

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,751評(píng)論 1 92
  • HTML標(biāo)簽解釋大全 一廓译、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,240評(píng)論 1 41
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見(jiàn)標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML评肆、CSS、java...
    廖少少閱讀 2,085評(píng)論 2 21
  • HTML 指超文本標(biāo)記語(yǔ)言(HyperText Markup Language)非区,是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言...
    神齊閱讀 1,945評(píng)論 0 3
  • 0.B/S結(jié)構(gòu) 瀏覽器服務(wù)器模式,web瀏覽器是客戶端最主要的應(yīng)用軟件.將客戶端使用web進(jìn)行統(tǒng)一,系統(tǒng)功能實(shí)現(xiàn)集...
    liusong007閱讀 1,056評(píng)論 0 1