結構標簽：(塊狀元素) 有意義的p

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

多媒體交互標簽

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

Web應用標簽

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復制內容到剪貼板

 xmp  !doctype html  html  head  style 
 header{height:150px;background:#ABCDEF}  nav{height:30px;background:#ff9900;margin-top:100px}  nav ul li{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:0 auto;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  li 首頁 /li  li 起夜 /li  li 論壇 /li  li 商城 /li  li 社區 /li  /ul  /nav  /header  div  section  p 這是一個section標簽 /p  article  h2 春曉 /h2  春眠不覺曉， br /  處處蚊子咬， br /  打上敵敵畏， br /  不至死多少。 br /  /article  hr /  article  h2 上學歌 /h2  太陽當空照， br /  花兒對我笑， br /  小鳥說早早早，你為什么背上小書包? br /  我要炸學校老師不知道，一拉線，趕快跑， br /  轟的一聲，學校炸沒了。 br /  /article  hr /  figure  figcaption UFO /figcaption  p 不明飛行物 Unknown Flying Object /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 /  span contextmenu= candan 右鍵單擊我試試 /span  menu type= context id= candan  menuitem label= 菜單一 quot;alert( 我是一個寂寞 ) icon= http://www.baidu.com/img/baidu_sylogo1.gif /menuitem  /menu  hr /  meter min= 0 max= 10 value= 5 low= 3 high= 7 /meter  progress max= 100 value= 0 id= pro /progress  script  var pro =document.getElementByIdx_x_x_x( pro  setInterval(function(){  pro.value+=1;  },100);  /script  hr /  details  dt 這是一個問題？ /dt  dd to be or not to be /dd  dt 這是一個問題？ /dt  dd to be or not to be /dd  dt 這是一個問題？ /dt  dd to be or not to be /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  /xmp         
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。