HTML的誕生
HTML最初物理學(xué)家蒂姆·伯納斯-李在歐洲核子研究中心(CERN)在承包工程期間提交原型铲敛,現(xiàn)由W3C組織規(guī)范標(biāo)準(zhǔn)褐澎。萬維網(wǎng)聯(lián)盟(W3C)由蒂姆·伯納斯-李于1994年10月離開歐洲核子研究中心(CERN)后成立,在歐盟執(zhí)委會(huì)和國防高等研究計(jì)劃署(DARPA)的支持下成立于麻省理工學(xué)院MIT計(jì)算機(jī)科學(xué)與人工智能實(shí)驗(yàn)室(MIT/LCS)[2]原探,DARPA曾率先推出了互聯(lián)網(wǎng)及其前身ARPANET乱凿。
該組織試圖透過W3C制定的新標(biāo)準(zhǔn)來促進(jìn)業(yè)界成員間的兼容性和協(xié)議顽素。不兼容的HTML版本由不同的供應(yīng)商提供咽弦,導(dǎo)致網(wǎng)頁顯示方式不一致徒蟆。聯(lián)盟試圖讓所有的供應(yīng)商實(shí)施一套由聯(lián)盟選擇的核心原則和組件。
HTML的標(biāo)簽
章節(jié)節(jié)
Element Description
代表 HTML 文檔的內(nèi)容型型。在文檔中只能有一個(gè) <body> 元素段审。
<section> 這個(gè)元素在 HTML5 中加入 定義文檔中的一個(gè)章節(jié)。
<nav> 這個(gè)元素在 HTML5 中加入 定義只包含導(dǎo)航鏈接的章節(jié)闹蒜。
<article> 這個(gè)元素在 HTML5 中加入 定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊寺枉。
<aside> 這個(gè)元素在 HTML5 中加入 定義和頁面內(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é)的主題筐喳。
<header> 這個(gè)元素在 HTML5 中加入 定義頁面或章節(jié)的頭部。它經(jīng)常包含 logo函喉、頁面標(biāo)題和導(dǎo)航性的目錄避归。
<footer> 這個(gè)元素在 HTML5 中加入 定義頁面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息管呵、法律信息鏈接和反饋建議用的地址梳毙。
<address> 定義包含聯(lián)系信息的一個(gè)章節(jié)。
<main>這個(gè)元素在 HTML5 中加入 定義文檔中主要或重要的內(nèi)容捐下。
組織內(nèi)容節(jié)
Element Description
<hr> 代表章節(jié)账锹、文章或其他長內(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è)元素在 HTML5 中加入 代表一個(gè)和文檔有關(guān)的圖例蹲蒲。
<figcaption> 這個(gè)元素在 HTML5 中加入 代表一個(gè)圖例的說明番甩。
<div> 代表一個(gè)通用的容器,沒有特殊含義届搁。
文字形式節(jié)
Element Description
<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> 這個(gè)元素在 HTML5 中加入 關(guān)聯(lián)一個(gè)內(nèi)容的機(jī)器可讀的等價(jià)形式 (該元素只在 WHATWG 版本的 HTML 標(biāo)準(zhǔn)中士骤,不在 W3C 版本的 HTML5 標(biāo)準(zhǔn)中)范删。
<time> 這個(gè)元素在 HTML5 中加入 代表日期 和時(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> 這個(gè)元素在 HTML5 中加入 代表一段需要被高亮的引用 文字沪停。
<ruby> 這個(gè)元素在 HTML5 中加入 代表被ruby 注釋 標(biāo)記的文本煤辨,如中文漢字和它的拼音。
<rt> 這個(gè)元素在 HTML5 中加入 代表ruby 注釋 木张,如中文拼音众辨。
<rp> 這個(gè)元素在 HTML5 中加入 代表 ruby 注釋兩邊的額外插入文本 ,用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示舷礼。
<bdi> 這個(gè)元素在 HTML5 中加入 代表需要脫離 父元素文本方向的一段文本鹃彻。它允許嵌入一段不同或未知文本方向格式的文本。
<bdo> 指定子元素的文本方向 妻献,顯式地覆蓋默認(rèn)的文本方向蛛株。
<span> 代表一段沒有特殊含義的文本团赁,當(dāng)其他語義元素都不適合文本時(shí)候可以使用該元素。
<br> 代表換行 谨履。
<wbr> 這個(gè)元素在 HTML5 中加入 代表建議換行 (Word Break Opportunity) 欢摄,當(dāng)文本太長需要換行時(shí)將會(huì)在此處添加換行符。
編輯節(jié)
Element Description
<ins> 定義增加 到文檔的內(nèi)容屉符。
<del> 定義從文檔移除 的內(nèi)容剧浸。
嵌入內(nèi)容節(jié)
Element Description
<iframe> 代表一個(gè)內(nèi)聯(lián)的框架 锹引。
<embed> 這個(gè)元素在 HTML5 中加入 代表一個(gè)嵌入 的外部資源矗钟,如應(yīng)用程序或交互內(nèi)容。
<object> 代表一個(gè)外部資源 嫌变,如圖片吨艇、HTML 子文檔、插件等腾啥。
<param> 代表 <object> 元素所指定的插件的參數(shù) 东涡。
<video> 這個(gè)元素在 HTML5 中加入 代表一段視頻 及其視頻文件和字幕,并提供了播放視頻的用戶界面倘待。
<audio> 這個(gè)元素在 HTML5 中加入 代表一段聲音 疮跑,或音頻流 。
<source> 這個(gè)元素在 HTML5 中加入 為 <video> 或 <audio> 這類媒體元素指定媒體源 凸舵。
<track> 這個(gè)元素在 HTML5 中加入 為 <video> 或 <audio> 這類媒體元素指定文本軌道(字幕) 祖娘。
<canvas> 這個(gè)元素在 HTML5 中加入 代表位圖區(qū)域 ,可以通過腳本在它上面實(shí)時(shí)呈現(xiàn)圖形啊奄,如圖表渐苏、游戲繪圖等。
<map> 與 <area> 元素共同定義圖像映射 區(qū)域菇夸。
<area> 與 <map> 元素共同定義圖像映射 區(qū)域琼富。
<svg> 這個(gè)元素在 HTML5 中加入 定義一個(gè)嵌入式矢量圖 。
<math> 這個(gè)元素在 HTML5 中加入 定義一段數(shù)學(xué)公式 庄新。
表格節(jié)
Element Description
<caption> 代表表格的標(biāo)題 鞠眉。
<colgroup> 代表表格中一組單列或多列 。
<col> 代表表格中的列 择诈。
<tbody> 代表表格中一塊具體數(shù)據(jù) (表格主體)械蹋。
<thead> 代表表格中一塊列標(biāo)簽 (表頭)。
<tfoot> 代表表格中一塊列摘要 (表尾)吭从。
<tr> 代表表格中的行 朝蜘。
<td> 代表表格中的單元格 。
<th> 代表表格中的頭部單元格 涩金。
表單節(jié)
Element Description
<fieldset> 代表控件組 谱醇。
<legend> 代表 <fieldset> 控件組的標(biāo)題 暇仲。
<label> 代表表單控件的標(biāo)題 。
<input> 代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū) (文本框副渴、單選框奈附、復(fù)選框等)。
<button> 代表按鈕 煮剧。
<select> 代表下拉框 斥滤。
<datalist> 這個(gè)元素在 HTML5 中加入 代表提供給其他控件的一組預(yù)定義選項(xiàng) 。
<optgroup> 代表一個(gè)選項(xiàng)分組 勉盅。
<option> 代表一個(gè) <select> 元素或 <datalist> 元素中的一個(gè)選項(xiàng)
<textarea> 代表多行文本框 佑颇。
<keygen> 這個(gè)元素在 HTML5 中加入 代表一個(gè)密鑰對(duì)生成器 控件。
<output> 這個(gè)元素在 HTML5 中加入 代表計(jì)算值 草娜。
<progress> 這個(gè)元素在 HTML5 中加入 代表進(jìn)度條 挑胸。
<meter> 這個(gè)元素在 HTML5 中加入 代表滑動(dòng)條 。
交互元素節(jié)
Element Description
<summary> 這個(gè)元素在 HTML5 中加入 代表 <details> 元素的綜述 或標(biāo)題 宰闰。
<menuitem> 這個(gè)元素在 HTML5 中加入 代表一個(gè)用戶可以點(diǎn)擊的菜單項(xiàng)茬贵。
<menu> 這個(gè)元素在 HTML5 中加入 代表菜單。
查找標(biāo)簽含義和使用方法
- 搜索 標(biāo)簽+MDN