根元素
-
<html>表示一個HTML文檔的根（頂級元素），所所以它也被稱為根元素。其他所有其他元素必須是此元素的后代。
文檔元數(shù)據(jù)
元數(shù)據(jù)（Metadata）含有頁面的相關(guān)信息，包括樣式、腳本及數(shù)據(jù)，能幫助一些軟件 (如搜索引擎， 瀏覽器等等）更好地運(yùn)用和渲染頁面。對于樣式和腳本的元數(shù)據(jù)，可以直接在網(wǎng)頁里定義，也可以鏈接到包含相關(guān)信息的外部文件。
-
<link>指定了外部資源與當(dāng)前文檔的關(guān)系. 這個元素的使用方法包括為導(dǎo)航定義關(guān)系框架.這個元素經(jīng)常用來鏈接css文件。 -
<meta>表示那些不能由其它HTML元相關(guān)元素 (<base>，<link>，<script>，<style>或<title>）之一表示的任何元數(shù)據(jù)信息。 -
<style>包含了文檔的樣式化信息或者文檔的一部分。指定的樣式化星系包含的該元素內(nèi)，通常是CSS的格式。
內(nèi)容分區(qū)
內(nèi)容分區(qū)元素允許你將文檔內(nèi)容從邏輯上進(jìn)行組織劃分。使用包括頁眉(header)、頁腳(footer)、導(dǎo)航(nav)和標(biāo)題(h1~h6)等分區(qū)元素，來為頁面內(nèi)容創(chuàng)建明確的大綱，以便區(qū)分各個章節(jié)的內(nèi)容。
-
<address>可以讓作者為它最近的<article>或者<body>祖先元素提供聯(lián)系信息。在后一種情況下，它應(yīng)用于整個文檔。 -
<article>表示文檔、頁面、應(yīng)用或網(wǎng)站中的獨(dú)立結(jié)構(gòu)，其意在成為可獨(dú)立分配的或可復(fù)用的結(jié)構(gòu)，如在發(fā)布中，它可能是論壇帖子、雜志或新聞文章、博客、用戶提交的評論、交互式組件，或者其他獨(dú)立的內(nèi)容項目。 -
<aside>表示一個和其余頁面內(nèi)容幾乎無關(guān)的部分，被認(rèn)為是獨(dú)立于該內(nèi)容的一部分并且可以被單獨(dú)的拆分出來而不會使整體受影響。其通常表現(xiàn)為側(cè)邊欄或者嵌入內(nèi)容。 -
<footer>示最近一個章節(jié)內(nèi)容或者根節(jié)點（sectioning root ）元素的頁腳。一個頁腳通常包含該章節(jié)作者、版權(quán)數(shù)據(jù)或者與文檔相關(guān)的鏈接等信息。 -
<h1-h6>標(biāo)題信息 -
<header>表示一組引導(dǎo)性的幫助，可能包含標(biāo)題元素，也可以包含其他元素，像logo、分節(jié)頭部、搜索表單等。 -
<hgroup>代表一個段的標(biāo)題。 -
<nav>描繪一個含有多個超鏈接的區(qū)域，這個區(qū)域包含轉(zhuǎn)到其他頁面，或者頁面內(nèi)部其他部分的鏈接列表. -
<section>表示文檔中的一個區(qū)域（或節(jié)），比如，內(nèi)容中的一個專題組，一般來說會有包含一個標(biāo)題（heading）。
文本內(nèi)容
使用 HTML 文本內(nèi)容元素來組織在開標(biāo)簽<body>和閉標(biāo)簽</body> 里的塊或章節(jié)的內(nèi)容。這些元素能標(biāo)識內(nèi)容的宗旨或結(jié)構(gòu)，而這對于 accessibility 和 SEO很重要。
-
<blockquote>引用塊 -
<div>是一個通用型的流內(nèi)容容器。 -
<dl>是一個包含術(shù)語定義以及描述的列表，通常用于展示詞匯表或者元數(shù)據(jù) (鍵-值對列表)。 -
<dt>用于在一個定義列表中聲明一個術(shù)語。通常在該元素后面會跟著<dd>元素 -
<dd>用來指明一個描述列表 (<dl>) 元素中一個術(shù)語的描述。這個元素只能作為描述列表元素的子元素出現(xiàn)，并且必須跟著一個<dt>元素。 -
<hr>表示段落級元素之間的主題轉(zhuǎn)換。在HTML的早期版本中，它是一個水平線。現(xiàn)在它仍能在可視化瀏覽器中表現(xiàn)為水平線，但目前被定義為語義上的，而不是表現(xiàn)層面上。 -
<main>呈現(xiàn)了文檔<body>或應(yīng)用的主體部分。 -
<ol>表示多個有序列表項，通常渲染為有帶編號的列表。 -
<ul>代表多項的無序列表，即無數(shù)值排序項的集合，且它們在列表中的順序是沒有意義的。 -
<li>用于表示列表里的條目。它必須被包含在一個父元素
<ul><ol>里. -
<p>表示文本的一個段落。該元素通常表現(xiàn)為一整塊與相鄰文本分離的文本，或以垂直的空白隔離或以首行縮進(jìn)。 -
<pre>表示預(yù)定義格式文本。
內(nèi)聯(lián)文本語義
使用 HTML 內(nèi)聯(lián)文本語義(Inline text semantics)定義語句，結(jié)構(gòu)，可以是一個詞，一段，或任意風(fēng)格的文字。
-
<a>可以創(chuàng)建一個到其他網(wǎng)頁、文件、同一頁面內(nèi)的位置、電子郵件地址或任何其他URL的超鏈接。 -
<abbr>代表縮寫，并可選擇提供一個完整的描述。 -
<b>表示相對于普通文本字體上的區(qū)別，但不表示任何特殊的強(qiáng)調(diào)或者關(guān)聯(lián)，通常以粗體顯示。 -
<bdi>(雙向隔離元素) 會隔離可能以不同方向進(jìn)行格式化的外部文本。 -
<bdo>(HTML雙向覆蓋元素)用于覆蓋當(dāng)前文本的朝向，它使得字符按給定的方向排列。 -
<br>文本中產(chǎn)生一個換行（回車鍵）。 -
<cite>表示一個作品的引用。 -
<code>現(xiàn)一段計算機(jī)代碼. 默認(rèn)情況下, 它以瀏覽器的默認(rèn)等寬字體顯示。 -
<data>將一個指定內(nèi)容和機(jī)器可讀的翻譯聯(lián)系在一起。 -
<em>標(biāo)記出需要用戶著重閱讀的內(nèi)容 -
<i>用于表現(xiàn)因某些原因需要區(qū)分普通文本的一系列文本。例如技術(shù)術(shù)語、外文短語或是小說中人物的思想活動等，它的內(nèi)容通常以斜體顯示。 -
<kbd>用于表示用戶輸入，它將產(chǎn)生一個行內(nèi)元素，以瀏覽器的默認(rèn)monospace字體顯示。 -
<mark>代表突出顯示的文字。 -
<q>表示一個封閉的并且是短的行內(nèi)引用的文本。這個標(biāo)簽是用來引用短的文本，所以請不要引入換行符； 對于長的文本的引用請使用<blockquote>替代。 -
<s>使用刪除線來渲染文本。 -
<small>使文本的字體變小一號。 -
<span>短語內(nèi)容的通用行內(nèi)容器，并沒有任何特殊語義。 -
<strong>表示文本十分重要，一般用粗體顯示。 -
<sub>定義了一個文本區(qū)域，出于排版的原因，與主要的文本相比，應(yīng)該展示得更低并且更小。下標(biāo) -
<sup>定義了一個文本區(qū)域，出于排版的原因，與主要的文本相比，應(yīng)該展示得更高并且更小。上標(biāo) -
<u>使文本在其內(nèi)容的基線下的一行呈現(xiàn)下劃線。
圖片和多媒體
HTML 支持各種多媒體資源，例如圖像，音頻和視頻。
-
<area>在圖片上定義一個熱點區(qū)域 -
<audio>用于在文檔中表示音頻內(nèi)容。<audio>元素可以包含多個音頻資源， 這些音頻資源可以使用src屬性或者<source>元素來進(jìn)行描述； 瀏覽器將會選擇最合適的一個來使用。對于不支持<audio>元素的瀏覽器，<audio>元素也可以作為瀏覽器不識別的內(nèi)容加入到文檔中。 -
<img>代表文檔中的一個圖像。 -
<track>被當(dāng)作媒體元素—<audio>和<video>的子元素來使用。它允許指定計時字幕（或者基于事件的數(shù)據(jù)），例如自動處理字幕。 -
<video>用于在HTML或者XHTML文檔中嵌入視頻內(nèi)容。
內(nèi)嵌內(nèi)容
除了常規(guī)的多媒體內(nèi)容，HTML 可以包括各種其他的內(nèi)容，即使它并不容易交互。
-
<embed>用于表示一個外部應(yīng)用或交互式內(nèi)容的集合點，換句話說，就是一個插件。 -
<object>表示引入一個外部資源，這個資源可能是一張圖片，一個嵌入的瀏覽上下文，亦或是一個插件所使用的資源。 -
<param>定義了<object>的參數(shù) <source>
腳本
為了創(chuàng)建動態(tài)內(nèi)容和 Web 應(yīng)用程序，HTML 支持使用腳本語言，最突出的就是 JavaScript。某些元素支持此功能。
-
<canvas>可被用來通過腳本（通常是JavaScript）繪制圖形。 -
<noscript>如果頁面上的腳本類型不受支持或者當(dāng)前在瀏覽器中關(guān)閉了腳本，則HTML <noscript>元素定義要插入的html部分。 -
<script>用于嵌入或引用可執(zhí)行腳本
編輯標(biāo)識
這些元素能標(biāo)示出某個文本被更改過的部分。
-
<del>表示已經(jīng)從文檔中刪除的文本范圍。此元素通常是（但不必）呈現(xiàn)刪除線的文本。 -
<ins>定義已經(jīng)被插入文檔中的文本。
表單
HTML 提供了許多可一起使用的元素，這些元素能用來創(chuàng)建一個用戶可以填寫并提交到網(wǎng)站或應(yīng)用程序的表單。
-
<button>表示一個可點擊的按鈕。 -
<datalist>包含了一組<option>元素,這些元素表示其它表單控件可選值. -
<fieldset>用來對表單中的控制元素進(jìn)行分組(也包括 label 元素) -
<form>表示了文檔中的一個區(qū)域，這個區(qū)域包含有交互控制元件，用來向web服務(wù)器提交信息。 -
<input>用于為基于Web的表單創(chuàng)建交互式控件，以便接受來自用戶的數(shù)據(jù)。 -
<label>表示用戶界面中項目的標(biāo)題。 -
<legend>代表一個用于表示它的父元素<fieldset>的內(nèi)容的標(biāo)題。 -
<meter>用來顯示已知范圍的標(biāo)量值或者分?jǐn)?shù)值。 -
<option>用于定義在<select>、<optgroup>或<datalist>元素中包含的項。 -
<output>表示計算或用戶操作的結(jié)果。 -
<progress>用來顯示一項任務(wù)的完成進(jìn)度。通常情況下,該元素都顯示為一個進(jìn)度條形式. -
<select>一種表單控件，可創(chuàng)建選項菜單。 -
<textarea>表示一個多行純文本編輯控件。
交互元素
HTML 提供了一系列有助于創(chuàng)建交互式用戶界面對象的元素。
-
<details>被用作發(fā)現(xiàn)小部件，用戶可以從其中檢索附加信息。 -
<dialog>表示一個對話框或其他交互式組件，例如一個檢查員或窗口。 -
<menu>呈現(xiàn)了一組用戶可執(zhí)行或激活的命令。這既包含了可能出現(xiàn)在屏幕頂端的列表菜單，也包含了那些隱藏在按鈕之下、當(dāng)點擊按鈕后顯示出來的文本菜單。 -
<menuitem>生成一個彈出式菜單。這包括上下文菜單，以及按鈕可能附帶的菜單。 -
<summary>用作 一個<details>元素的一個內(nèi)容的摘要，標(biāo)題或圖例。
web組件
Web 組件是種近似 HTML（HTML-related） 的技術(shù)，這使得它能夠，從本質(zhì)上講，創(chuàng)建和使用自定義元素，就好像它是普通的 HTML。此外，你甚至可以創(chuàng)建自定義版本的標(biāo)準(zhǔn) HTML 元素。
-
<slot>web組件技術(shù)的一部分，slot是web組件的一個占位符，可以用來插入自定義的標(biāo)記文本。可以創(chuàng)建不同的DOM樹并進(jìn)行渲染。 -
<template>一種用于保存客戶端內(nèi)容的機(jī)制，該內(nèi)容在頁面加載時不被渲染，但可以在運(yùn)行時使用JavaScript進(jìn)行實例化。
