HTML5標(biāo)簽列表

HTML5標(biāo)簽列表

這里列出了所有標(biāo)準(zhǔn)化的HTML5標(biāo)簽,按照功能分組。所有非標(biāo)準(zhǔn)化,廢棄的標(biāo)簽都沒有列出。只列出了有效的HTML5元素,新網(wǎng)站應(yīng)當(dāng)只是用下列標(biāo)簽。另外注意,下列標(biāo)簽可能已經(jīng)在HTML5標(biāo)準(zhǔn)中擴(kuò)充或修改。


根元素

<html> 代表HTML或XHTML文檔的根。其他所有元素必須是這個元素的子節(jié)點。


文檔元數(shù)據(jù)

<head> 代表關(guān)于文檔元數(shù)據(jù)的一個集合,包括腳本或樣式表的鏈接或內(nèi)容。
<title> 定義文檔標(biāo)題,將顯示在瀏覽器的標(biāo)題欄或者標(biāo)簽頁上。該元素只能包換文本,包含的標(biāo)簽不會被解釋。
<base> 定義頁面上相對URL的基準(zhǔn)URL。
<link> 用于鏈接外部的CSS到該文檔。
<meta> 定義其它HTML元素?zé)o法描述的元數(shù)據(jù)。
<style> 用于內(nèi)聯(lián)CSS。


腳本

<script> 定義一個內(nèi)聯(lián)腳本或者鏈接到外部腳本。腳本語言是JavaScript。
<noscript> 定義當(dāng)瀏覽器不支持腳本時顯示的替代文字。
<template> 通過JavaScript在運行時實例化內(nèi)容的容器。


章節(jié)

<body> 代表HTML文檔的內(nèi)容。在文檔中只能有一個該元素。
<section> 定義文檔中的一個章節(jié)。
<nav> 定義只包含導(dǎo)航鏈接的章節(jié)。
<article> 定義可以獨立于內(nèi)容其余部分的完整獨立內(nèi)容塊。
<aside> 定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除,剩下的內(nèi)容仍然很合理。
<h1>~<h6>標(biāo)題元素,實現(xiàn)了六層文檔標(biāo)題,<h1>是最大的標(biāo)題,<h6>是最小的標(biāo)題。標(biāo)題元素簡要的描述章節(jié)的主體。
<header> 定義頁面或章節(jié)的頭部。她經(jīng)常包含logo,頁面標(biāo)題和導(dǎo)航性的目錄。
<footer> 定義頁面或章節(jié)的尾部。他經(jīng)常包含版權(quán)信息,法律信息鏈接和反饋建議用的地址。
<address> 定義包含聯(lián)系信息的一個章節(jié)。
<main> 定義文檔中主要或者重要的內(nèi)容。


組織內(nèi)容

<p> 定義一個段落。
</hr> 代表章節(jié),文章或者其他長內(nèi)容中段落之間的分隔符(下劃線)。(因為用的markdown編輯的,會出現(xiàn)小語法錯誤,這個標(biāo)簽沒有斜杠)
<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> 代表一個和文檔有關(guān)的圖列。
<figcaption> 代表一個圖例的說明。
<div> 代表一個通用容器,沒有特殊含義。


文字形式

<a> 代表一個連接到其它資源的超鏈接。
<em> 代表強(qiáng)調(diào)的文字。
<strong> 代表特別重要的文字。
<small> 代表注釋,入免責(zé)聲明,版權(quán)聲明等,對裂解文檔不重要。
<s> 代表不準(zhǔn)確或不想關(guān)的內(nèi)容。
<cite> 代表作品標(biāo)題。
<q> 代表內(nèi)聯(lián)的引用。
<dfn> 代表一個屬于包含其最近祖先內(nèi)容中的定義。
<abbr> 代表省略或速寫,其完整內(nèi)容寫在title屬性中。
<data> 關(guān)聯(lián)一個內(nèi)容的機(jī)器可讀的等價形式(該元素只在WHATWG版本的HTML標(biāo)準(zhǔn)中,不在W3C版本的HTML標(biāo)準(zhǔn)中)。
<time> 代表時間值和日期;機(jī)器刻度的等價形式通過datetime屬性指定。
<code> 代表計算機(jī)代碼。
<var> 代表代碼中的變量。
<samp> 代表程序或電腦的輸出。
<kbd> 代表用戶輸入,一般從鍵盤輸出,但也可以代表其他輸入。入語音輸入。
<\sub>、<\sup> 下標(biāo),上標(biāo)。(因為用的markdown編輯的,會出現(xiàn)小語法錯誤,這兩個標(biāo)簽沒有斜杠)
<i> 代表一段不同性質(zhì)的文字,入技術(shù)術(shù)語,外文短語等(斜體)。
<b> 代表一段需要被關(guān)注的文字(粗體)。
<u> 代表一段需要下劃線呈現(xiàn)的文本注釋,入標(biāo)記出拼寫錯誤的文字等(下劃線)。
<mark> 代表一段需要被高亮的引用文字。
<ruby> 代表被ruby注釋標(biāo)記的文本。比如中文漢字和他的拼音。
<rt> 代表ruby注釋,入中文拼音。
<rp> 代表ruby注釋兩邊的額外插入文本,用于在不支持ruby注釋顯示的瀏覽器中提供友好的注釋顯示。
<bdi> 代表需要脫離父元素文本方向的一段文本,它允許鍵入一段不同或未知文本方向格式的文本。
<bdo> 指定子元素的文本方向,顯示地覆蓋默認(rèn)的文本方向。
<span> 代表一段沒有特殊含義的文本,當(dāng)其它語義元素都不適合文本時候可以使用該元素。

代表換行。
<wbr> 代表建議換行(Word Break Opportunity) 當(dāng)文本太長需要換行時將會在此處添加換行符。


編輯

<ins> 定義增加到文檔的內(nèi)容。
<del> 定義從文檔移除的內(nèi)容。


嵌入內(nèi)容

<img> 代表一張圖片。
<iframe> 代表一個內(nèi)聯(lián)的框架。
<embed> 代表一個嵌入的外部資源,入應(yīng)用程序或交互內(nèi)容。
<object> 代表一個外部資源,如圖片,HTML子文檔,插件等。
<param> 代表<object>元素所制定的插件的參數(shù)。
<video> 代表一段視頻及其視頻文件和字幕,并提供了播放視頻的用戶界面。
<audio> 代表一段聲音,或音頻流。
<source> 為<video><audio>這類媒體元素指定媒體源。
<track> 為<video><audio>這類媒體元素指定文本軌道(字幕)。
<canvas> 代表位圖區(qū)域,可以通過腳本在它上面實時呈現(xiàn)圖形,入圖表,游戲繪圖等。
<map> 與<area>元素共同定義圖像映射區(qū)域。
<area> 與<map>元素共同定義圖像映射區(qū)域。
<svg> 定義一個嵌入式矢量圖。
<math> 定義一段鼠須公示。


表格

<table> 定義多維數(shù)據(jù)。
<caption> 定義表格的標(biāo)題。
<colgroup> 定義表格中一組單列或多列。
<col> 代表表格中的列。
<tbody> 代表表格中一塊具體數(shù)據(jù)(表格主體)。
<thead> 代表表格中的列標(biāo)簽(表頭)。
<tfoot> 代表表格中一塊列摘要(標(biāo)尾)。
<tr> 代表表格中的行。
<td> 代表表格中的單元格。
<th> 代表表格中的頭部單元格。


表單

<form> 代表一個表單,由控件組成。
<fieldset> 代表控件組。
<legend> 代表<fieldset>控件組的標(biāo)題。
<label> 代表表單控件的標(biāo)題。
<input> 代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū)(文本框,單選/復(fù)選框等)。
<button> 代表按鈕。
<select> 代表下拉框。
<datalist> 代表提供給其他控件的一組與定義選項。
<optgroup> 代表一個選項分組。
<option> 代表一個<select><datalist>元素中的一個選項。
<textarea> 代表多行文本框。
<keytgen> 代表一個密鑰對生成器控件。
<output> 代表計算值。
<progress> 代表進(jìn)度條。
<meter> 代表滑動條。


交互元素

<details> 代表一個用戶可以(點擊)獲取額外信息或控件的小部件。
<summary> 代表<details>元素的綜述或標(biāo)題。
<menuitem> 代表一個用戶可以點擊的菜單項。
<menu> 代表菜單。


參考:[MDN][https://developer.mozilla.org/zh-CN/]

最后編輯于
?著作權(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)容

  • HTML5< !--...--> 標(biāo)簽 comment 注釋標(biāo)簽用于在源文檔中插入注釋。注釋內(nèi)容不會被瀏覽器顯示。...
    野小寶閱讀 1,401評論 0 10
  • 根元素 文檔元數(shù)據(jù) 內(nèi)容分區(qū) 腳本 文本內(nèi)容 文字形式 編輯 嵌入內(nèi)容 表格 表單 交互元素 HTML5 標(biāo)簽列表 參考
    hzl的學(xué)習(xí)小記閱讀 351評論 0 0
  • 根元素 文檔元數(shù)據(jù) 腳本 章節(jié) 組織內(nèi)容 文字形式 編輯 嵌入內(nèi)容 表格 表單 交互元素
    JaniceZD閱讀 377評論 0 0
  • 根元素 代表 HTML 或 XHTML 文檔的根。其他所有元素必須是這個元素的子節(jié)點。 文檔元數(shù)據(jù) 代表關(guān)于文檔元...
    酒極子閱讀 892評論 0 3
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,526評論 1 41

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