藍(lán)暢首頁(yè) >> 動(dòng)態(tài)
H5標(biāo)簽列表介紹：有效的H5開(kāi)發(fā)元素標(biāo)簽介紹
時(shí)間：2019-07-25 00:00:00 | 來(lái)源：網(wǎng)絡(luò) 由藍(lán)暢整理
這里列出了所有標(biāo)準(zhǔn)化的 HTML5 元素，使用起始標(biāo)簽描述，按照功能分組。與列出所有標(biāo)準(zhǔn)化的、非標(biāo)準(zhǔn)化的、有效的、廢棄的標(biāo)簽的 HTML 元素索引 不同的是，該頁(yè)只列出有效的 HTML5 元素。新網(wǎng)站應(yīng)當(dāng)只使用這里列出的元素。
符號(hào) 
代表該元素是在 H5 中新增的
根元素
| Element | Description |
|---|---|
<html> | 代表 HTML 或 XHTML 文檔的根。其他所有元素必須是這個(gè)元素的子節(jié)點(diǎn)。 |
文檔元數(shù)據(jù)
| Element | Description |
|---|---|
<head> | 代表關(guān)于文檔元數(shù)據(jù)的一個(gè)集合，包括腳本或樣式表的鏈接或內(nèi)容。 |
<title> | 定義文檔的標(biāo)題，將顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁(yè)上。該元素只能包含文本，包含的標(biāo)簽不會(huì)被解釋。 |
<base> | 定義頁(yè)面上相對(duì) URL 的基準(zhǔn) URL。 |
<link> | 用于鏈接外部的 CSS 到該文檔。 |
<meta> | 定義其他 HTML 元素?zé)o法描述的元數(shù)據(jù)。 |
<style> | 用于內(nèi)聯(lián) CSS。 |
腳本
| Element | Description |
|---|---|
<script> | 定義一個(gè)內(nèi)聯(lián)腳本或鏈接到外部腳本。腳本語(yǔ)言是 JavaScript。 |
<noscript> | 定義當(dāng)瀏覽器不支持腳本時(shí)顯示的替代文字。 |
<template> | 通過(guò) JavaScript 在運(yùn)行時(shí)實(shí)例化內(nèi)容的容器。 |
章節(jié)
| Element | Description |
|---|---|
<body> | 代表 HTML 文檔的內(nèi)容。在文檔中只能有一個(gè) <body> 元素。 |
<section> | 定義文檔中的一個(gè)章節(jié)。 |
<nav> | 定義只包含導(dǎo)航鏈接的章節(jié)。 |
<article> | 定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊。 |
<aside> | 定義和頁(yè)面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除，剩下的內(nèi)容仍然很合理。 |
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> | 標(biāo)題元素實(shí)現(xiàn)了六層文檔標(biāo)題，<h1> 是最大的標(biāo)題，<h6> 是最小的標(biāo)題。標(biāo)題元素簡(jiǎn)要地描述章節(jié)的主題。 |
<header> | 定義頁(yè)面或章節(jié)的頭部。它經(jīng)常包含 logo、頁(yè)面標(biāo)題和導(dǎo)航性的目錄。 |
<footer> | 定義頁(yè)面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。 |
<address> | 定義包含聯(lián)系信息的一個(gè)章節(jié)。 |
<main> | 定義文檔中主要或重要的內(nèi)容。 |
組織內(nèi)容
| Element | Description |
|---|---|
<p> | 定義一個(gè)段落。 |
<hr> | 代表章節(jié)、文章或其他長(zhǎng)內(nèi)容中段落之間的分隔符。 |
<pre> | 代表其內(nèi)容已經(jīng)預(yù)先排版過(guò)，格式應(yīng)當(dāng)保留 。 |
<blockquote> | 代表引用自其他來(lái)源的內(nèi)容。 |
<ol> | 定義一個(gè)有序列表。 |
<ul> | 定義一個(gè)無(wú)序列表。 |
<li> | 定義列表中的一個(gè)列表項(xiàng)。 |
<dl> | 定義一個(gè)定義列表（一系列術(shù)語(yǔ)和其定義）。 |
<dt> | 代表一個(gè)由下一個(gè) <dd> 定義的術(shù)語(yǔ)。 |
<dd> | 代表出現(xiàn)在它之前術(shù)語(yǔ)的定義。 |
<figure> | 代表一個(gè)和文檔有關(guān)的圖例。 |
<figcaption> | 代表一個(gè)圖例的說(shuō)明。 |
<div> | 代表一個(gè)通用的容器，沒(méi)有特殊含義。 |
文字形式
| Element | Description |
|---|---|
<a> | 代表一個(gè)鏈接到其他資源的超鏈接 。 |
<em> | 代表強(qiáng)調(diào) 文字。 |
<strong> | 代表特別重要 文字。 |
<small> | 代表注釋 ，如免責(zé)聲明、版權(quán)聲明等，對(duì)理解文檔不重要。 |
<s> | 代表不準(zhǔn)確或不相關(guān) 的內(nèi)容。 |
<cite> | 代表作品標(biāo)題 。 |
<q> | 代表內(nèi)聯(lián)的引用 。 |
<dfn> | 代表一個(gè)術(shù)語(yǔ)包含在其最近祖先內(nèi)容中的定義 。 |
<abbr> | 代表省略 或縮寫(xiě) ，其完整內(nèi)容在 title 屬性中。 |
<data> | 關(guān)聯(lián)一個(gè)內(nèi)容的機(jī)器可讀的等價(jià)形式 （該元素只在 WHATWG 版本的 HTML 標(biāo)準(zhǔn)中，不在 W3C 版本的 HTML5 標(biāo)準(zhǔn)中）。 |
<time> | 代表日期 和時(shí)間 值；機(jī)器可讀的等價(jià)形式通過(guò) datetime 屬性指定。 |
<code> | 代表計(jì)算機(jī)代碼 。 |
<var> | 代表代碼中的變量 。 |
<samp> | 代表程序或電腦的輸出 。 |
<kbd> | 代表用戶輸入 ，一般從鍵盤(pán)輸出，但也可以代表其他輸入，如語(yǔ)音輸入。 |
<sub>,<sup> | 分別代表下標(biāo) 和上標(biāo) 。 |
<i> | 代表一段不同性質(zhì) 的文字，如技術(shù)術(shù)語(yǔ)、外文短語(yǔ)等。 |
<b> | 代表一段需要被關(guān)注 的文字。 |
<u> | 代表一段需要下劃線呈現(xiàn)的文本注釋?zhuān)鐦?biāo)記出拼寫(xiě)錯(cuò)誤的文字等。 |
<mark> | 代表一段需要被高亮的引用 文字。 |
<ruby> | 代表被ruby 注釋 標(biāo)記的文本，如中文漢字和它的拼音。 |
<rt> | 代表ruby 注釋 ，如中文拼音。 |
<rp> | 代表 ruby 注釋兩邊的額外插入文本 ，用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示。 |
<bdi> | 代表需要脫離 父元素文本方向的一段文本。它允許嵌入一段不同或未知文本方向格式的文本。 |
<bdo> | 指定子元素的文本方向 ，顯式地覆蓋默認(rèn)的文本方向。 |
<span> | 代表一段沒(méi)有特殊含義的文本，當(dāng)其他語(yǔ)義元素都不適合文本時(shí)候可以使用該元素。 |
<br> | 代表換行 。 |
<wbr> | 代表建議換行 (Word Break Opportunity) ，當(dāng)文本太長(zhǎng)需要換行時(shí)將會(huì)在此處添加換行符。 |
編輯
| Element | Description |
|---|---|
<ins> | 定義增加 到文檔的內(nèi)容。 |
<del> | 定義從文檔移除 的內(nèi)容。 |
嵌入內(nèi)容
| Element | Description |
|---|---|
<img> | 代表一張圖片 。 |
<iframe> | 代表一個(gè)內(nèi)聯(lián)的框架 。 |
<embed> | 代表一個(gè)嵌入 的外部資源，如應(yīng)用程序或交互內(nèi)容。 |
<object> | 代表一個(gè)外部資源 ，如圖片、HTML 子文檔、插件等。 |
<param> | 代表 <object> 元素所指定的插件的參數(shù) 。 |
<video> | 代表一段視頻 及其視頻文件和字幕，并提供了播放視頻的用戶界面。 |
<audio> | 代表一段聲音 ，或音頻流 。 |
<source> | 為 <video> 或 <audio> 這類(lèi)媒體元素指定媒體源 。 |
<track> | 為 <video> 或 <audio> 這類(lèi)媒體元素指定文本軌道（字幕） 。 |
<canvas> | 代表位圖區(qū)域 ，可以通過(guò)腳本在它上面實(shí)時(shí)呈現(xiàn)圖形，如圖表、游戲繪圖等。 |
<map> | 與 <area> 元素共同定義圖像映射 區(qū)域。 |
<area> | 與 <map> 元素共同定義圖像映射 區(qū)域。 |
<svg> | 定義一個(gè)嵌入式矢量圖 。 |
<math> | 定義一段數(shù)學(xué)公式 。 |
表格
| Element | Description |
|---|---|
<table> | 定義多維數(shù)據(jù) 。 |
<caption> | 代表表格的標(biāo)題 。 |
<colgroup> | 代表表格中一組單列或多列 。 |
<col> | 代表表格中的列 。 |
<tbody> | 代表表格中一塊具體數(shù)據(jù) （表格主體）。 |
<thead> | 代表表格中一塊列標(biāo)簽 （表頭）。 |
<tfoot> | 代表表格中一塊列摘要 （表尾）。 |
<tr> | 代表表格中的行 。 |
<td> | 代表表格中的單元格 。 |
<th> | 代表表格中的頭部單元格 。 |
表單
| Element | Description |
|---|---|
<form> | 代表一個(gè)表單 ，由控件組成。 |
<fieldset> | 代表控件組 。 |
<legend> | 代表 <fieldset> 控件組的標(biāo)題 。 |
<label> | 代表表單控件的標(biāo)題 。 |
<input> | 代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū) （文本框、單選框、復(fù)選框等）。 |
<button> | 代表按鈕 。 |
<select> | 代表下拉框 。 |
<datalist> | 代表提供給其他控件的一組預(yù)定義選項(xiàng) 。 |
<optgroup> | 代表一個(gè)選項(xiàng)分組 。 |
<option> | 代表一個(gè) <select> 元素或 <datalist> 元素中的一個(gè)選項(xiàng) |
<textarea> | 代表多行文本框 。 |
<keygen> | 代表一個(gè)密鑰對(duì)生成器 控件。 |
<output> | 代表計(jì)算值 。 |
<progress> | 代表進(jìn)度條 。 |
<meter> | 代表滑動(dòng)條 。 |
交互元素
| Element | Description |
|---|---|
<details> | 代表一個(gè)用戶可以(點(diǎn)擊)獲取額外信息或控件的小部件 。 |
<summary> | 代表 <details> 元素的綜述 或標(biāo)題 。 |
<menuitem> | 代表一個(gè)用戶可以點(diǎn)擊的菜單項(xiàng)。 |
<menu> | 代表菜單。 |
上海藍(lán)暢信息技術(shù)有限公司成功為多家世界財(cái)富500強(qiáng)企業(yè)以及其他著名品牌提供優(yōu)質(zhì)服務(wù)，是您靠譜的互聯(lián)網(wǎng)開(kāi)發(fā)供應(yīng)商。
服務(wù)客戶遍及北京、上海、杭州、深圳、廣州、天津、青島、南京、寧波、蘇州、無(wú)錫、廈門(mén)、重慶、西安等大中型城市及地區(qū) 主要業(yè)務(wù)：H5開(kāi)發(fā)，H5外包，微信開(kāi)發(fā)外包，網(wǎng)站開(kāi)發(fā)外包，H5游戲開(kāi)發(fā)，小程序開(kāi)發(fā)外包，APP開(kāi)發(fā)外包，視頻后期制作等
本文地址：
更多內(nèi)容推薦：
2022年雙11銷(xiāo)售額數(shù)據(jù):全網(wǎng)交易額為5571億元
2020年天貓雙11銷(xiāo)售額，11.11成交額4982億
專(zhuān)欄最新閱讀：
網(wǎng)站優(yōu)化公司：網(wǎng)站優(yōu)化的作用
如何實(shí)現(xiàn)SEO關(guān)鍵詞排名提升成為了企業(yè)亟待解決的問(wèn)題
提升網(wǎng)站快速排名的SEO策略，讓你的網(wǎng)站名列前茅
打造高效SEO網(wǎng)站系統(tǒng)，提升您的在線業(yè)務(wù)
網(wǎng)絡(luò)營(yíng)銷(xiāo)公司：網(wǎng)絡(luò)營(yíng)銷(xiāo)推廣專(zhuān)家介紹
更多文章閱讀請(qǐng)至：技術(shù)專(zhuān)欄