HTML5 標籤大全

基礎

標籤 描述
<!DOCTYPE>  定義文檔類型。        <!DOCTYPE  html>表示文檔是HTML
<html> 定義 HTML 文檔。    瀏覽器會以特殊的方式來使用標題,而且一般把它放置在瀏覽器窗口的標題欄或狀態欄上。一樣,當把文檔加入用戶的連接列表或者收藏夾或書籤列表時,標題將成爲該文檔連接的默認名稱。(提示:<title> 標籤是 <head> 標籤中惟一要求包含的東西。)
<title> 定義文檔的標題。
<body> 定義文檔的主體。
<h1> to <h6> 定義 HTML 標題。
<p>

定義段落。              p 元素會自動在其先後建立一些空白。瀏覽器會自動添加這些空間,您也能夠在樣式表中規定。
css

<br> 定義簡單的折行。
<hr> 定義水平線。
<!--...--> 定義註釋。
 

格式

標籤 描述
<acronym> 定義只取首字母的縮寫。    HTML5 中不支持 <acronym> 標籤。請使用 <abbr> 標籤代替
<abbr> 定義縮寫。   <abbr title="People's Republic of China">PRC</abbr>   提示:能夠在 <abbr> 標籤中使用全局的 title 屬性,這樣就可以在鼠標指針移動到 <abbr> 元素上時顯示出簡稱/縮寫的完整版本。
<address>

定義文檔做者或擁有者的聯繫信息。    html

提示:<address> 標籤不該該用於描述通信地址,除非它是聯繫信息的一部分。html5

提示:<address> 元素一般連同其餘信息被包含在 <footer> 元素中。編程

<b> 定義粗體文本。 

註釋:根據 HTML5 規範,在沒有其餘合適標籤更合適時,才應該把 <b> 標籤做爲最後的選項。HTML5 規範聲明:應該使用 <h1> - <h6> 來表示標題,使用 <em> 標籤來表示強調的文本,應該使用 <strong> 標籤來表示重要文本,應該使用 <mark> 標籤來表示標註的/突出顯示的文本。canvas

提示:您也可以使用 CSS "font-weight" 屬性來設置粗體文本。瀏覽器

<bdi>

定義文本的文本方向,使其脫離其周圍文本的方向設置。ruby

屬性:app

dir
  • ltr
  • rtl
  • auto
可選。規定 <bdi> 元素內的文本的文本方向。默認值:auto。

在發佈用戶評論或其餘您沒法徹底控制的內容時,該標籤頗有用框架

<bdo> 定義文字方向。   <bdo dir="rtl">Here is some text</bdo>(文字從左輸出)
<big> 定義大號文本。   能夠嵌套 <big> 標籤來放大文本。每個 <big> 標籤均可以使字體大一號,直到上限 7 號文本,正如字體模型所定義的那樣。然而,若是是最大號字體了,<big>標籤就沒效果了
<blockquote> 定義長的引用。    <blockquote> 標籤訂義塊引用。

<blockquote> 與 </blockquote> 之間的全部文本都會從常規文本中分離出來,常常會在左、右兩邊進行縮進(增長外邊距),並且有時會使用斜體。也就是說,塊引用擁有它們本身的空間。ide

<center> 不同意使用。定義居中文本。
<cite> 定義引用(citation),可以使用該標籤對參考文獻的引用進行定義,好比書籍或雜誌的標題。
<code> 定義計算機代碼文本。
<del> 定義被刪除文本。
<dfn> 定義定義項目。
<em> 定義強調文本。
<font> 不同意使用。定義文本的字體、尺寸和顏色
<i> 定義斜體文本。 標籤訂義與文本中其他部分不一樣的部分,並把這部分文本呈現爲斜體文本。在沒有其餘元素可使用時,好比 <b>, <cite>, <dfn>, <em>, <q>, <small>, <strong>,請使用 <i> 標籤。
<ins> 定義被插入文本。 提示:請與 <del> 標籤一塊兒使用,來描述對文檔的更新和修正。
<kbd> 定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它常常用在與計算機相關的文檔或手冊中。
<mark> 定義有記號的文本。  <p>Do not forget to buy <mark>milk</mark> today.</p>
<meter> 定義預約義範圍內的度量。      <meter value="3" min="0" max="10">3/10</meter>

<meter value="0.6">60%</meter>    (顯示度量值)

<pre> 定義預格式文本。   被包圍在 pre 元素中的文本一般會保留空格和換行符。而文本也會呈現爲等寬字體。

<pre> 標籤的一個常見應用就是用來表示計算機的源代碼。

<progress>

定義任何類型的任務的進度。

下載進度:  <progress value="22" max="100">...</progress>

<q> 定義短的引用。    瀏覽器常常會在這種引用的周圍插入引號

<p>WWF's goal is to:
<q cite="http://www.wwf.org">
build a future where people live in harmony with nature
</q> we hope they succeed.</p>

<rp> 定義若瀏覽器不支持 ruby 元素顯示的內容。
<rt> 定義 ruby 註釋的解釋。
<ruby> 定義 ruby 註釋。
<s> 不同意使用。定義加刪除線的文本。
<samp> 定義計算機代碼樣本。
<small> 定義小號文本。
<strike> 不同意使用。定義加刪除線文本。
<strong> 定義語氣更爲強烈的強調文本。
<sup> 定義上標文本。
<sub> 定義下標文本。
<time> 定義日期/時間。
<tt> 定義打字機文本。
<u> 不同意使用。定義下劃線文本。
<var> 定義文本的變量部分。
<wbr>

定義可能的換行符。       提示:若是單詞太長,或者您擔憂瀏覽器會在錯誤的位置換行,那麼您可使用 <wbr> 元素來添加 Word Break Opportunity(單詞換行時機)。

 

表單

標籤 描述
<form> 定義供用戶輸入的 HTML 表單。
<input> 定義輸入控件。                
<textarea>

定義多行的文本輸入控件。

<textarea> 標籤訂義多行的文本輸入控件。文本區中可容納無限數量的文本,其中的文本的默認字體是等寬字體(一般是 Courier)。能夠經過 cols 和 rows 屬性來規定 textarea 的尺寸,不過更好的辦法是使用 CSS 的 height 和 width 屬性。註釋:在文本輸入區內的文本行間,用 "%OD%OA" (回車/換行)進行分隔。提示:能夠經過 <textarea> 標籤的 wrap 屬性設置文本輸入區內的換行模式。

 

<button> 定義按鈕。
<select> 定義選擇列表(下拉列表)。
<optgroup> 定義選擇列表中相關選項的組合。
<option> 定義選擇列表中的選項。
<label> 定義 input 元素的標註。
<fieldset> 定義圍繞表單中元素的邊框。
<legend> 定義 fieldset 元素的標題。
<isindex> 不同意使用。定義與文檔相關的可搜索索引。
<datalist> 定義下拉列表。
<keygen> 定義生成密鑰。
<output> 定義輸出的一些類型。

 

框架

標籤 描述
<frame> 定義框架集的窗口或框架。 
<frameset>

定義框架集。

<noframes> 定義針對不支持框架的用戶的替代內容。
<iframe> 定義內聯框架。

 

圖像

標籤 描述
<img> 定義圖像。
<map> 定義圖像映射。
<area> 定義圖像地圖內部的區域。
<canvas> 定義圖形。
<figcaption> 定義 figure 元素的標題。
<figure> 定義媒介內容的分組,以及它們的標題。

 

音頻 /視頻

標籤 描述
<audio> 定義聲音內容。
<source> 定義媒介源。
<track> 定義用在媒體播放器中的文本軌道。
<video> 定義視頻。

 

 

連接

標籤 描述
<a> 定義錨。
<link> 定義文檔與外部資源的關係。
<nav> 定義導航連接。

 

列表

標籤 描述
<ul> 定義無序列表。
<ol> 定義有序列表。
<li> 定義列表的項目。
<dir> 不同意使用。定義目錄列表。
<dl> 定義定義列表。
<dt> 定義定義列表中的項目。
<dd> 定義定義列表中項目的描述。
<menu> 定義命令的菜單/列表。
<menuitem> 定義用戶能夠從彈出菜單調用的命令/菜單項目。
<command> 定義命令按鈕。

 

表格

標籤 描述
<table> 定義表格
<caption> 定義表格標題。
<th> 定義表格中的表頭單元格。
<tr> 定義表格中的行。
<td> 定義表格中的單元。
<thead> 定義表格中的表頭內容。
<tbody> 定義表格中的主體內容。
<tfoot> 定義表格中的表注內容(腳註)。
<col> 定義表格中一個或多個列的屬性值。
<colgroup> 定義表格中供格式化的列組。

 

樣式/節

標籤 描述
<style> 定義文檔的樣式信息。
<div> 定義文檔中的節。
<span> 定義文檔中的節。
<header> 定義 section 或 page 的頁眉。
<footer> 定義 section 或 page 的頁腳。
<section> 定義 section。
<article> 定義文章。
<aside> 定義頁面內容以外的內容。
<details> 定義元素的細節。
<dialog> 定義對話框或窗口。
<summary> 爲 <details> 元素定義可見的標題。

 

元信息

標籤 描述
<head> 定義關於文檔的信息。
<meta> 定義關於 HTML 文檔的元信息。
<base> 定義頁面中全部連接的默認地址或默認目標。
<basefont> 不同意使用。定義頁面中文本的默認字體、顏色或尺寸。

 

編程

標籤 描述
<script> 定義客戶端腳本。
<noscript> 定義針對不支持客戶端腳本的用戶的替代內容。
<applet> 不同意使用。定義嵌入的 applet。
<embed> 爲外部應用程序(非 HTML)定義容器。
<object> 定義嵌入的對象。
<param> 定義對象的參數。
相關文章
相關標籤/搜索