HTML的所有標(biāo)簽(元素)

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
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 學(xué)習(xí)的內(nèi)容(查維基百科/MDN) W3C 簡介 MDN 簡介 HTML 所有標(biāo)簽列表 什么是空標(biāo)簽 什么是可替換標(biāo)...
    xyyojl閱讀 1,897評論 0 3
  • 1,W3C簡介 什么是 W3C? W3C 指萬維網(wǎng)聯(lián)盟(World Wide Web Consortium) W3...
    冉奇閱讀 484評論 0 0
  • 1.W3C簡介 萬維網(wǎng)聯(lián)盟(World Wide Web Consortium,W3C),又稱W3C理事會,是萬維...
    宣澤彬閱讀 557評論 0 0
  • W3C 是什么? W3C 指萬維網(wǎng)聯(lián)盟(World Wide Web - Consortium) W3C 創(chuàng)建于1...
    饑人谷_Leonardo閱讀 795評論 0 1
  • 一、 W3C 簡介(查維基百科) W3C這么大名鼎鼎的存在想必你肯定是聽說過的吧,那么它到底是什么呢? 萬維網(wǎng)聯(lián)盟...
    stephenoo閱讀 795評論 0 0

友情鏈接更多精彩內(nèi)容