/****************************************************************************/

???????????????????? 【HTML5所有標簽匯總】★★★

/****************************************************************************/

【常見手機尺寸】：

iPhone4/iPhone4s?? 320 * 372 / 320 * 441 (已隱藏URL與狀態(tài)欄)

iPhone5/iPhone5s?? 320 * 460 / 320 * 529 (已隱藏URL與狀態(tài)欄)

Note2???????????? 360 * 567?? (未隱藏URL與狀態(tài)欄)

iPad 3/4?????????? 768*928?? (未隱藏URL與狀態(tài)欄)

GALAXY SIII???????? 360 * 567?? (未隱藏URL與狀態(tài)欄)

小米2A?????????? 360 *567? (未隱藏URL與狀態(tài)欄)

HTC G10?????????? 320 * 460

/****************************************************************************/

【結(jié)構(gòu)標簽：(塊狀元素) 有意義的div】★★★★★★★★★

?? ?<article>???? 標記定義一篇文章
?? ?<header>???? 標記定義一個頁面或一個區(qū)域的頭部
?? ?<nav>???????? 標記定義導(dǎo)航鏈接
?? ?<section>???? 標記定義一個區(qū)域
?? ?<aside>???? 標記定義頁面內(nèi)容部分的側(cè)邊欄
?? ?<hgroup>???? 標記定義文件中一個區(qū)塊的相關(guān)信息
?? ?<figure>???? 標記定義一組媒體內(nèi)容以及它們的標題? ?
?? ?<figcaption>???? 標簽定義 figure 元素的標題。
?? ?<footer>???? 標記定義一個頁面或一個區(qū)域的底部
?? ?<dialog>???? 標記定義一個對話框(會話框)類似微信

【多媒體交互標簽】

?? ?<video> 標記定義一個視頻
?? ?<audio> 標記定義音頻內(nèi)容
?? ?<source> 標記定義媒體資源
?? ?<canvas> 標記定義圖片
?? ?<embed> 標記定義外部的可交互的內(nèi)容或插件 比如flash

【W(wǎng)eb應(yīng)用標簽】

?? ?<menu>命令列表
?? ?<menuitem>menu命令列表標簽 FF（嵌入系統(tǒng)）
?? ?<command> menu標記定義一個命令按鈕
?? ?<meter>狀態(tài)標簽(實時狀態(tài)顯示:氣壓、氣溫)C、O
?? ?<progress>狀態(tài)標簽 (任務(wù)過程:安裝、加載) C、F、O
?? ?<datalist> 為input標記定義一個下拉列表,配合option F、O
?? ?<details> 標記定義一個元素的詳細內(nèi)容 ，配合dt、dd?? C

【注釋標簽】

?? ?<ruby> 標記定義 注釋或音標
?? ?<rp> 告訴那些不支持 Ruby元素的瀏覽器如何去顯示
?? ?<rt> 標記定義對ruby的注釋內(nèi)容文本

【其他標簽】

?? ?<keygen> 標記定義表單里一個生成的鍵值(加密信息傳送)O、F
?? ?<mark> 標記定義有標記的文本 (黃色選中狀態(tài))
?? ?<output> 標記定義一些輸出類型,計算表單結(jié)果配合oninput事

刪除的HTML標簽

【純表現(xiàn)的元素：】

?? ?basefont，big，center，font, s，strike，tt，u；

【對可用性產(chǎn)生負面影響的元素：】
?? ?frame，frameset，noframes；

【產(chǎn)生混淆的元素：】
?? ?acronym ，applet，isindex，dir

【重新定義的HTML標簽】

?? ?<b>? 代表內(nèi)聯(lián)文本，通常是粗體，沒有傳遞表示重要的意思
?? ?<i>? 代表內(nèi)聯(lián)文本，通常是斜體，沒有傳遞表示重要的意思
?? ?<dd> 可以同details與figure一同使用，定義包含文本，dialog也可用
?? ?<dt> 可以同details與figure一同使用，匯總細節(jié)，dialog也可用
?? ?<hr> 表示主題結(jié)束，而不是水平線，雖然顯示相同
?? ?<menu> 重新定義用戶界面的菜單，配合commond或者menuitem使用
?? ?<small> 表示小字體，例如打印注釋或者法律條款
?? ?<strong> 表示重要性而不是強調(diào)符號

/****************************************************************************/


【塊元素】（block element）

??? address - 地址
??? blockquote - 塊引用
??? center - 舉中對齊塊
??? dir - 目錄列表
??? div - 常用塊級容易，也是css layout的主要標簽
??? dl - 定義列表
??? fieldset - form控制組
??? form - 交互表單
??? h1 - 大標題
??? h2 - 副標題
??? h3 - 3級標題
??? h4 - 4級標題
??? h5 - 5級標題
??? h6 - 6級標題
??? hr - 水平分隔線
??? isindex - input prompt
??? menu - 菜單列表
??? noframes - frames可選內(nèi)容（對于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容）
??? noscript - 可選腳本內(nèi)容（對于不支持script的瀏覽器顯示此內(nèi)容）
??? ol - 排序列表
??? p - 段落
??? pre - 格式化文本
??? table - 表格
??? ul - 非排序列表



【內(nèi)聯(lián)元素】（inline element）

??? a - 錨點
??? abbr - 縮寫
??? acronym - 首字
??? b - 粗體（不推薦）
??? bdo - bidi override
??? big - 大字體
??? br - 換行
??? cite - 引用
??? code - 計算機代碼（在引用源碼的時候需要）
??? dfn - 定義字段
??? em - 強調(diào)
??? font - 字體設(shè)定（不推薦）
??? i - 斜體
??? img - 圖片
??? input - 輸入框
??? kbd - 定義鍵盤文本
??? label - 表格標簽
??? q - 短引用
??? s - 中劃線（不推薦）
??? samp - 定義范例計算機代碼
??? select - 項目選擇
??? small - 小字體文本
??? span - 常用內(nèi)聯(lián)容器，定義文本內(nèi)區(qū)塊
??? strike - 中劃線
??? strong - 粗體強調(diào)
??? sub - 下標
??? sup - 上標
??? textarea - 多行文本輸入框
??? tt - 電傳文本
??? u - 下劃線
??? var - 定義變量



【可變元素】


??? applet - java applet
??? button - 按鈕
??? del - 刪除文本
??? iframe - inline frame
??? ins - 插入的文本
??? map - 圖片區(qū)塊（map）
??? object - object對象
??? script - 客戶端腳本


/****************************************************************************/









/****************************************************************************/

轉(zhuǎn)載于:https://www.cnblogs.com/shimily/articles/4360246.html

總結(jié)

以上是生活随笔為你收集整理的【html 及 HTML5所有标签汇总】★★★的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。