HTML5所有標(biāo)簽匯總及標(biāo)簽意義解釋_0

2020-03-24 19:21:04

字體：大中小

供稿：網(wǎng)友

結(jié)構(gòu)標(biāo)簽：(塊狀元素) 有意義的div article 標(biāo)記定義一篇文章
header 標(biāo)記定義一個(gè)頁面或一個(gè)區(qū)域的頭部
nav 標(biāo)記定義導(dǎo)航鏈接
section 標(biāo)記定義一個(gè)區(qū)域
aside 標(biāo)記定義頁面內(nèi)容部分的側(cè)邊欄
hgroup 標(biāo)記定義文件中一個(gè)區(qū)塊的相關(guān)信息
figure 標(biāo)記定義一組媒體內(nèi)容以及它們的標(biāo)題
figcaption 標(biāo)簽定義 figure 元素的標(biāo)題。
footer 標(biāo)記定義一個(gè)頁面或一個(gè)區(qū)域的底部
dialog 標(biāo)記定義一個(gè)對話框(會話框)類似微信多媒體交互標(biāo)簽 video 標(biāo)記定義一個(gè)視頻
audio 標(biāo)記定義音頻內(nèi)容
source 標(biāo)記定義媒體資源
canvas 標(biāo)記定義圖片
embed 標(biāo)記定義外部的可交互的內(nèi)容或插件比如flashWeb應(yīng)用標(biāo)簽 menu 命令列表
menuitem menu命令列表標(biāo)簽 FF（嵌入系統(tǒng)）
command menu標(biāo)記定義一個(gè)命令按鈕
meter 狀態(tài)標(biāo)簽(實(shí)時(shí)狀態(tài)顯示:氣壓、氣溫)C、O
progress 狀態(tài)標(biāo)簽 (任務(wù)過程:安裝、加載) C、F、O
datalist 為input標(biāo)記定義一個(gè)下拉列表,配合option F、O
details 標(biāo)記定義一個(gè)元素的詳細(xì)內(nèi)容，配合dt、dd C注釋標(biāo)簽

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

keygen 標(biāo)記定義表單里一個(gè)生成的鍵值(加密信息傳送)O、F
mark 標(biāo)記定義有標(biāo)記的文本 (黃色選中狀態(tài))
output 標(biāo)記定義一些輸出類型,計(jì)算表單結(jié)果配合oninput事刪除的HTML標(biāo)簽純表現(xiàn)的元素：
basefont，big，center，font, s，strike，tt，u；對可用性產(chǎn)生負(fù)面影響的元素：
frame，frameset，noframes；產(chǎn)生混淆的元素：
acronym ，applet，isindex，dir重新定義的HTML標(biāo)簽 b 代表內(nèi)聯(lián)文本，通常是粗體，沒有傳遞表示重要的意思
i 代表內(nèi)聯(lián)文本，通常是斜體，沒有傳遞表示重要的意思
dd 可以同details與figure一同使用，定義包含文本，dialog也可用
dt 可以同details與figure一同使用，匯總細(xì)節(jié)，dialog也可用
hr 表示主題結(jié)束，而不是水平線，雖然顯示相同
menu 重新定義用戶界面的菜單，配合commond或者menuitem使用
small 表示小字體，例如打印注釋或者法律條款
strong 表示重要性而不是強(qiáng)調(diào)符號示例代碼：
XML/HTML Code復(fù)制內(nèi)容到剪貼板
header{height:150px;background:#ABCDEF} nav{height:30px;background:#ff9900;margin-top:100px} navulli{width:100px;height:30px;float:left;line-height:30px} div{margin-top:10px;height:1000px;} section{height:1000px;background:#ABCDEF;width:70%;float:left} article{background:#F90;width:500px;margin:0auto;text-align:center} aside{height:1000px;background:#ABCDEF;width:28%;float:right} footer{height:100px;background:#ABCDEF;clear:both;margin-top:10px} /style /head body header p 這是一個(gè)header標(biāo)簽 /p nav ul li 首頁 /li li 起夜 /li li 論壇 /li li 商城 /li li 社區(qū) /li /ul /nav /header div section p 這是一個(gè)section標(biāo)簽 /p article h2 春曉 /h2 p 春眠不覺曉， br/ 處處蚊子咬， br/ 打上敵敵畏， br/ 不至死多少。 br/ /p /article hr/ article h2 上學(xué)歌 /h2 p 太陽當(dāng)空照， br/ 花兒對我笑， br/ 小鳥說早早早，你為什么背上小書包? br/ 我要炸學(xué)校老師不知道，一拉線，趕快跑， br/ 轟的一聲，學(xué)校炸沒了。 br/ /p /article hr/ figure figcaption UFO /figcaption p 不明飛行物UnknownFlyingObject /p /figure figure dt DDS /dt dd 大屌絲 /dd /figure hr/ dialog dt 唐僧:悟空，你又調(diào)皮了，觀音姐姐的月光寶盒怎么能亂扔呢？ /dt dd 悟空:...(看著) /dd dt 唐僧:亂扔是不對的，砸到小朋友怎么辦？就算砸不到小朋友，砸到花花草草也是不好的嘛 /dt dd 悟空:...(糾結(jié)) /dd dt 唐僧:悟空你想要么？想要你就告訴我呀，你不告訴我怎么知道你想要呢？。。。。 /dt dd 悟空:我靠!(一棍子掄上去！) /dd /dialog hr/ menu li 點(diǎn)擊 /li li 右鍵單擊 /li /menu hr/ spancontextmenu= candan 右鍵單擊我試試 /span menutype= context id= candan menuitemlabel= 菜單一 onclick= alert('我是一個(gè)寂寞') icon= http://www.baidu.com/img/baidu_sylogo1.gif /menuitem /menu hr/ metermin= 0 max= 10 html' target='_blank'>value= 5 low= 3 high= 7 /meter progressmax= 100 value= 0 id= pro /progress script varpro=document.getElementByIdx_x_x_x('pro'); setInterval(function(){ pro.value+=1; },100); /script hr/ details dt 這是一個(gè)問題？ /dt dd tobeornottobe /dd dt 這是一個(gè)問題？ /dt dd tobeornottobe /dd dt 這是一個(gè)問題？ /dt dd tobeornottobe /dd /details hr/ ruby 夼 rp ( /rp rt kuang /rt rp ) /rp /ruby hr/ 女人 mark 最喜歡做的事情 /mark 就是逛街。。。吃零食。。逛街。。吃零食，偶爾還會嗚嗚的哭，于是總結(jié)了下女人:逛吃逛吃逛吃逛吃。。。嗚嗚嗚~ /section aside p 這是一個(gè)aside標(biāo)簽 /p hgroup h3 女生宿舍為何頻頻被盜 /h3 h3 兩百頭母豬為何半夜慘死 /h3 h3 是人性的扭曲？ /h3 h3 還是道德的淪喪！ /h3 /hgroup /aside /div footer p 這是一個(gè)footer標(biāo)簽 /p hr/ small 法律條文 /small small 聯(lián)系我們 /small small 客戶意見 /small small 商戶合作 /small /footer /body /html /xmphtml教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：關(guān)于HTML中的滾動條-去掉滾動條問題

下一篇：為什么使用DOCTYPE HTML