HTML的誕生
HTML最初物理學(xué)家蒂姆·伯納斯-李在歐洲核子研究中心(CERN)在承包工程期間提交原型,現(xiàn)由W3C組織規(guī)范標(biāo)準(zhǔn)。萬維網(wǎng)聯(lián)盟(W3C)由蒂姆·伯納斯-李于1994年10月離開歐洲核子研究中心(CERN)后成立,在歐盟執(zhí)委會和國防高等研究計劃署(DARPA)的支持下成立于麻省理工學(xué)院MIT計算機科學(xué)與人工智能實驗室(MIT/LCS)[2],DARPA曾率先推出了互聯(lián)網(wǎng)及其前身ARPANET。
該組織試圖透過W3C制定的新標(biāo)準(zhǔn)來促進業(yè)界成員間的兼容性和協(xié)議。不兼容的HTML版本由不同的供應(yīng)商提供,導(dǎo)致網(wǎng)頁顯示方式不一致。聯(lián)盟試圖讓所有的供應(yīng)商實施一套由聯(lián)盟選擇的核心原則和組件。
HTML的標(biāo)簽
章節(jié)節(jié)
Element Description
代表 HTML 文檔的內(nèi)容。在文檔中只能有一個 <body> 元素。
<section> 這個元素在 HTML5 中加入 定義文檔中的一個章節(jié)。
<nav> 這個元素在 HTML5 中加入 定義只包含導(dǎo)航鏈接的章節(jié)。
<article> 這個元素在 HTML5 中加入 定義可以獨立于內(nèi)容其余部分的完整獨立內(nèi)容塊。
<aside> 這個元素在 HTML5 中加入 定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除,剩下的內(nèi)容仍然很合理。
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> 標(biāo)題元素實現(xiàn)了六層文檔標(biāo)題,<h1> 是最大的標(biāo)題,<h6> 是最小的標(biāo)題。標(biāo)題元素簡要地描述章節(jié)的主題。
<header> 這個元素在 HTML5 中加入 定義頁面或章節(jié)的頭部。它經(jīng)常包含 logo、頁面標(biāo)題和導(dǎo)航性的目錄。
<footer> 這個元素在 HTML5 中加入 定義頁面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。
<address> 定義包含聯(lián)系信息的一個章節(jié)。
<main>這個元素在 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> 定義一個有序列表。
<ul> 定義一個無序列表。
<li> 定義列表中的一個列表項。
<dl> 定義一個定義列表(一系列術(shù)語和其定義)。
<dt> 代表一個由下一個 <dd> 定義的術(shù)語。
<dd> 代表出現(xiàn)在它之前術(shù)語的定義。
<figure> 這個元素在 HTML5 中加入 代表一個和文檔有關(guān)的圖例。
<figcaption> 這個元素在 HTML5 中加入 代表一個圖例的說明。
<div> 代表一個通用的容器,沒有特殊含義。
文字形式節(jié)
Element Description
<em> 代表強調(diào) 文字。
<strong> 代表特別重要 文字。
<small> 代表注釋 ,如免責(zé)聲明、版權(quán)聲明等,對理解文檔不重要。
<s> 代表不準(zhǔn)確或不相關(guān) 的內(nèi)容。
<cite> 代表作品標(biāo)題 。
<q> 代表內(nèi)聯(lián)的引用 。
<dfn> 代表一個術(shù)語包含在其最近祖先內(nèi)容中的定義 。
<abbr> 代表省略 或縮寫 ,其完整內(nèi)容在 title 屬性中。
<data> 這個元素在 HTML5 中加入 關(guān)聯(lián)一個內(nèi)容的機器可讀的等價形式 (該元素只在 WHATWG 版本的 HTML 標(biāo)準(zhǔn)中,不在 W3C 版本的 HTML5 標(biāo)準(zhǔn)中)。
<time> 這個元素在 HTML5 中加入 代表日期 和時間 值;機器可讀的等價形式通過 datetime 屬性指定。
<code> 代表計算機代碼 。
<var> 代表代碼中的變量 。
<samp> 代表程序或電腦的輸出 。
<kbd> 代表用戶輸入 ,一般從鍵盤輸出,但也可以代表其他輸入,如語音輸入。
<sub>,<sup> 分別代表下標(biāo) 和上標(biāo) 。
<i> 代表一段不同性質(zhì) 的文字,如技術(shù)術(shù)語、外文短語等。
<b> 代表一段需要被關(guān)注 的文字。
<u> 代表一段需要下劃線呈現(xiàn)的文本注釋,如標(biāo)記出拼寫錯誤的文字等。
<mark> 這個元素在 HTML5 中加入 代表一段需要被高亮的引用 文字。
<ruby> 這個元素在 HTML5 中加入 代表被ruby 注釋 標(biāo)記的文本,如中文漢字和它的拼音。
<rt> 這個元素在 HTML5 中加入 代表ruby 注釋 ,如中文拼音。
<rp> 這個元素在 HTML5 中加入 代表 ruby 注釋兩邊的額外插入文本 ,用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示。
<bdi> 這個元素在 HTML5 中加入 代表需要脫離 父元素文本方向的一段文本。它允許嵌入一段不同或未知文本方向格式的文本。
<bdo> 指定子元素的文本方向 ,顯式地覆蓋默認(rèn)的文本方向。
<span> 代表一段沒有特殊含義的文本,當(dāng)其他語義元素都不適合文本時候可以使用該元素。
<br> 代表換行 。
<wbr> 這個元素在 HTML5 中加入 代表建議換行 (Word Break Opportunity) ,當(dāng)文本太長需要換行時將會在此處添加換行符。
編輯節(jié)
Element Description
<ins> 定義增加 到文檔的內(nèi)容。
<del> 定義從文檔移除 的內(nèi)容。
嵌入內(nèi)容節(jié)
Element Description
<iframe> 代表一個內(nèi)聯(lián)的框架 。
<embed> 這個元素在 HTML5 中加入 代表一個嵌入 的外部資源,如應(yīng)用程序或交互內(nèi)容。
<object> 代表一個外部資源 ,如圖片、HTML 子文檔、插件等。
<param> 代表 <object> 元素所指定的插件的參數(shù) 。
<video> 這個元素在 HTML5 中加入 代表一段視頻 及其視頻文件和字幕,并提供了播放視頻的用戶界面。
<audio> 這個元素在 HTML5 中加入 代表一段聲音 ,或音頻流 。
<source> 這個元素在 HTML5 中加入 為 <video> 或 <audio> 這類媒體元素指定媒體源 。
<track> 這個元素在 HTML5 中加入 為 <video> 或 <audio> 這類媒體元素指定文本軌道(字幕) 。
<canvas> 這個元素在 HTML5 中加入 代表位圖區(qū)域 ,可以通過腳本在它上面實時呈現(xiàn)圖形,如圖表、游戲繪圖等。
<map> 與 <area> 元素共同定義圖像映射 區(qū)域。
<area> 與 <map> 元素共同定義圖像映射 區(qū)域。
<svg> 這個元素在 HTML5 中加入 定義一個嵌入式矢量圖 。
<math> 這個元素在 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> 這個元素在 HTML5 中加入 代表提供給其他控件的一組預(yù)定義選項 。
<optgroup> 代表一個選項分組 。
<option> 代表一個 <select> 元素或 <datalist> 元素中的一個選項
<textarea> 代表多行文本框 。
<keygen> 這個元素在 HTML5 中加入 代表一個密鑰對生成器 控件。
<output> 這個元素在 HTML5 中加入 代表計算值 。
<progress> 這個元素在 HTML5 中加入 代表進度條 。
<meter> 這個元素在 HTML5 中加入 代表滑動條 。
交互元素節(jié)
Element Description
<summary> 這個元素在 HTML5 中加入 代表 <details> 元素的綜述 或標(biāo)題 。
<menuitem> 這個元素在 HTML5 中加入 代表一個用戶可以點擊的菜單項。
<menu> 這個元素在 HTML5 中加入 代表菜單。
查找標(biāo)簽含義和使用方法
- 搜索 標(biāo)簽+MDN