HTML5所有標簽匯總及標簽意義解釋_0

2020-03-24 19:21:04

字體：大中小

來源：轉載

供稿：網友

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

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

keygen 標記定義表單里一個生成的鍵值(加密信息傳送)O、F
mark 標記定義有標記的文本 (黃色選中狀態)
output 標記定義一些輸出類型,計算表單結果配合oninput事刪除的HTML標簽純表現的元素：
basefont，big，center，font, s，strike，tt，u；對可用性產生負面影響的元素：
frame，frameset，noframes；產生混淆的元素：
acronym ，applet，isindex，dir重新定義的HTML標簽 b 代表內聯文本，通常是粗體，沒有傳遞表示重要的意思
i 代表內聯文本，通常是斜體，沒有傳遞表示重要的意思
dd 可以同details與figure一同使用，定義包含文本，dialog也可用
dt 可以同details與figure一同使用，匯總細節，dialog也可用
hr 表示主題結束，而不是水平線，雖然顯示相同
menu 重新定義用戶界面的菜單，配合commond或者menuitem使用
small 表示小字體，例如打印注釋或者法律條款
strong 表示重要性而不是強調符號示例代碼：
XML/HTML Code復制內容到剪貼板
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 這是一個header標簽 /p nav ul li 首頁 /li li 起夜 /li li 論壇 /li li 商城 /li li 社區 /li /ul /nav /header div section p 這是一個section標簽 /p article h2 春曉 /h2 p 春眠不覺曉， br/ 處處蚊子咬， br/ 打上敵敵畏， br/ 不至死多少。 br/ /p /article hr/ article h2 上學歌 /h2 p 太陽當空照， br/ 花兒對我笑， br/ 小鳥說早早早，你為什么背上小書包? br/ 我要炸學校老師不知道，一拉線，趕快跑， br/ 轟的一聲，學校炸沒了。 br/ /p /article hr/ figure figcaption UFO /figcaption p 不明飛行物UnknownFlyingObject /p /figure figure dt DDS /dt dd 大屌絲 /dd /figure hr/ dialog dt 唐僧:悟空，你又調皮了，觀音姐姐的月光寶盒怎么能亂扔呢？ /dt dd 悟空:...(看著) /dd dt 唐僧:亂扔是不對的，砸到小朋友怎么辦？就算砸不到小朋友，砸到花花草草也是不好的嘛 /dt dd 悟空:...(糾結) /dd dt 唐僧:悟空你想要么？想要你就告訴我呀，你不告訴我怎么知道你想要呢？。。。。 /dt dd 悟空:我靠!(一棍子掄上去！) /dd /dialog hr/ menu li 點擊 /li li 右鍵單擊 /li /menu hr/ spancontextmenu= candan 右鍵單擊我試試 /span menutype= context id= candan menuitemlabel= 菜單一 onclick= alert('我是一個寂寞') 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 這是一個問題？ /dt dd tobeornottobe /dd dt 這是一個問題？ /dt dd tobeornottobe /dd dt 這是一個問題？ /dt dd tobeornottobe /dd /details hr/ ruby 夼 rp ( /rp rt kuang /rt rp ) /rp /ruby hr/ 女人 mark 最喜歡做的事情 /mark 就是逛街。。。吃零食。。逛街。。吃零食，偶爾還會嗚嗚的哭，于是總結了下女人:逛吃逛吃逛吃逛吃。。。嗚嗚嗚~ /section aside p 這是一個aside標簽 /p hgroup h3 女生宿舍為何頻頻被盜 /h3 h3 兩百頭母豬為何半夜慘死 /h3 h3 是人性的扭曲？ /h3 h3 還是道德的淪喪！ /h3 /hgroup /aside /div footer p 這是一個footer標簽 /p hr/ small 法律條文 /small small 聯系我們 /small small 客戶意見 /small small 商戶合作 /small /footer /body /html /xmphtml教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：關于HTML中的滾動條-去掉滾動條問題

下一篇：為什么使用DOCTYPE HTML