H5標簽列表介紹：有效的H5開發(fā)元素標簽介紹

時間：2019-07-25 00:00:00 | 來源：網(wǎng)絡由藍暢整理

這里列出了所有標準化的 HTML5 元素，使用起始標簽描述，按照功能分組。與列出所有標準化的、非標準化的、有效的、廢棄的標簽的 HTML 元素索引不同的是，該頁只列出有效的 HTML5 元素。新網(wǎng)站應當只使用這里列出的元素。

符號這個元素在 HTML5 中加入代表該元素是在 H5 中新增的

H5開發(fā)

根元素節(jié)

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

文檔元數(shù)據(jù)節(jié)

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

腳本節(jié)

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

章節(jié)節(jié)

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

組織內(nèi)容節(jié)

Element	Description
`<p>`	定義一個段落。
`<hr>`	代表章節(jié)、文章或其他長內(nèi)容中段落之間的分隔符。
`<pre>`	代表其內(nèi)容已經(jīng)預先排版過，格式應當保留。
`<blockquote>`	代表引用自其他來源的內(nèi)容。
`<ol>`	定義一個有序列表。
`<ul>`	定義一個無序列表。
`<li>`	定義列表中的一個列表項。
`<dl>`	定義一個定義列表（一系列術語和其定義）。
`<dt>`	代表一個由下一個 `<dd>` 定義的術語。
`<dd>`	代表出現(xiàn)在它之前術語的定義。
`<figure>`	代表一個和文檔有關的圖例。
`<figcaption>`	代表一個圖例的說明。
`<div>`	代表一個通用的容器，沒有特殊含義。

文字形式節(jié)

Element	Description
`<a>`	代表一個鏈接到其他資源的超鏈接。
`<em>`	代表強調文字。
`<strong>`	代表特別重要文字。
`<small>`	代表注釋，如免責聲明、版權聲明等，對理解文檔不重要。
`<s>`	代表不準確或不相關的內(nèi)容。
`<cite>`	代表作品標題。
`<q>`	代表內(nèi)聯(lián)的引用。
`<dfn>`	代表一個術語包含在其最近祖先內(nèi)容中的定義。
`<abbr>`	代表省略或縮寫，其完整內(nèi)容在 `title` 屬性中。
`<data>`	關聯(lián)一個內(nèi)容的機器可讀的等價形式（該元素只在 WHATWG 版本的 HTML 標準中，不在 W3C 版本的 HTML5 標準中）。
`<time>`	代表日期和時間值；機器可讀的等價形式通過 `datetime` 屬性指定。
`<code>`	代表計算機代碼。
`<var>`	代表代碼中的變量。
`<samp>`	代表程序或電腦的輸出。
`<kbd>`	代表用戶輸入，一般從鍵盤輸出，但也可以代表其他輸入，如語音輸入。
`<sub>`,`<sup>`	分別代表下標和上標。
`<i>`	代表一段不同性質的文字，如技術術語、外文短語等。
`<b>`	代表一段需要被關注的文字。
`<u>`	代表一段需要下劃線呈現(xiàn)的文本注釋，如標記出拼寫錯誤的文字等。
`<mark>`	代表一段需要被高亮的引用文字。
`<ruby>`	代表被ruby 注釋標記的文本，如中文漢字和它的拼音。
`<rt>`	代表ruby 注釋，如中文拼音。
`<rp>`	代表 ruby 注釋兩邊的額外插入文本，用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示。
`<bdi>`	代表需要脫離父元素文本方向的一段文本。它允許嵌入一段不同或未知文本方向格式的文本。
`<bdo>`	指定子元素的文本方向，顯式地覆蓋默認的文本方向。
`<span>`	代表一段沒有特殊含義的文本，當其他語義元素都不適合文本時候可以使用該元素。
`<br>`	代表換行。
`<wbr>`	代表建議換行 (Word Break Opportunity) ，當文本太長需要換行時將會在此處添加換行符。

編輯節(jié)

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

嵌入內(nèi)容節(jié)

Element	Description
`<img>`	代表一張圖片。
`<iframe>`	代表一個內(nèi)聯(lián)的框架。
`<embed>`	代表一個嵌入的外部資源，如應用程序或交互內(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>`	定義一段數(shù)學公式。

表格節(jié)

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

表單節(jié)

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

交互元素節(jié)

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

上海藍暢信息技術有限公司成功為多家世界財富500強企業(yè)以及其他著名品牌提供優(yōu)質服務，是您靠譜的互聯(lián)網(wǎng)開發(fā)供應商。

服務客戶遍及北京、上海、杭州、深圳、廣州、天津、青島、南京、寧波、蘇州、無錫、廈門、重慶、西安等大中型城市及地區(qū) 主要業(yè)務：H5開發(fā)，H5外包，微信開發(fā)外包，網(wǎng)站開發(fā)外包，H5游戲開發(fā)，小程序開發(fā)外包，APP開發(fā)外包，視頻后期制作等

H5開發(fā),小程序開發(fā)供應商