首頁 > web前端 > H5教程 > 主體

HTML5所有標籤彙總及標籤意義解釋_html5教學技巧

WBOY
發布: 2016-05-16 15:46:55
原創
1774 人瀏覽過

結構標籤:(塊狀元素) 有意義的div

    標記定義文章
     標記定義一個頁面或一個區域的頭部

標記定義媒體資源

標記定義圖片
  標記定義外部的可互動的內容或外掛如flash


Web應用標籤

指令清單menu指令清單標籤FF(嵌入系統)

menu標記定義一個指令按鈕

狀態標籤(即時狀態顯示:氣壓、氣溫)C、O
狀態標籤(任務流程:安裝、載入) C、F、O
為input標記定義下拉清單,配合option F、O

標記定義一個元素的詳細內容,配合dt、dd   C


註解標籤

標記定義註解或音標
告訴那些不支援Ruby元素的瀏覽器如何去顯示
標記定義對ruby的註釋內容文本


其他標籤

標記定義表單裡一個產生的鍵值(加密訊息傳送)O、F
標記定義有標記的文字(黃色選取狀態)
標記定義一些輸出類型,計算表單結果配合oninput事


刪除的HTML標籤

純粹表現的元素:basefont,big,center,font, s,strike,tt,u;

對可用性有負面影響的元素:
frame,frameset,noframes;

產生混淆的元素:
acronym ,applet,isindex,dir


重新定義的HTML標籤

  代表內聯文本,通常是粗體,沒有傳遞表示重要的意思  代表內聯文本,通常是斜體,沒有傳遞表示重要的意思

可以同details與figure一同使用,定義包含文本,dialog也可用

可以同details與figure一同使用,匯總細節,dialog也可用

表示主題結束,而不是水平線,雖然顯示相同
重新定義使用者介面的選單,配合commond或menuitem使用
表示小字體,例如列印註解或法律條款
表示重要性而不是強調符號

範例程式碼:


XML/HTML Code
複製內容到剪貼簿
  1. xmp>  
  2. html>  
  3. html>  
  4.     >  
  5.         樣式> 🎜>
  6. >
  7.  🎜>>
  8.                 
  9.               
  10.             所稱時{高:150px;背景:#ABCDEF}   
  11.             nav{上的高度:30px;背景:#ff9900;margin-top:100px}   
  12.             nav ul li{width:100px;height:30px;float:left;line-height:30px}   :30px;float:left;line-height:30px}   
  13.               
  14.             div{margin-top:10px;height:1000px;}   
  15.             部分中{高度:1000px;背景:#ABCDEF;寬度:70%;浮動:左}   
  16.             文章{background:#F90;width:500px;margin:0 auto;text-align:center}  
  17.               
  18.             旁邊{高度:1000px;背景:#ABCDEF;寬度:28%;浮動:右}   
  19.                            頁腳{高度:100px;背景:#ABCDEF;clear:both;margin-top:10px}  
  20.         style> 🎜>>
  21.  🎜>>      head
  22. >
  23.        
  24. 身體
  25. >           
  26. header>              p>p>p
  27. >標籤🎜>p>               
  28. nav>                ul
  29. ul                     
  30. li>                       
  31. >li >                       
  32. li>                       
  33. >li>  
  34.                     
  35. li>                   
  36. ulul
  37.             
  38. nav>nav>
  39. nav>mm]         header>          div>               section>section>
  40.                 ppp 🎜>p
  41. >
  42.                    article
  43.                     
  44. h2>  
  45.                     
  46.                     以春眠處,
  47.                        中被蚊子咬,
  48.                     打敵畏,
  49.                        則已不死亡。br />  
  50.                                                        
  51. 文章
  52. 文章文章>文章
  53.                 小時小時小時
  54. 小時                 文章
  55. 文章文章文章                    h2>  
  56.                     
  57.                     以當空照,
  58.                      在我中笑,
      
  59.                     小鳥及早早,而你為何背上小書包?
  60. br />  🎜>  
  61. 🎜>                     我要炸學校老師不知道,一拉線,快跑,                       轟的一聲,而學校則爆炸了。br />  
  62.                     
  63.                                    
  64. 文章
  65. 文章文章>文章
  66.                 
  67. 小時小時小時
  68. 小時                 圖片
  69. 圖片圖片                     figcaption>
  70.                        p >                   
  71. 圖片圖片圖片
  72.                 
  73. 圖片
    圖片
  74. 圖片                      dtdt
  75. dtdt>                        dd>大屌絲
  76. dd >                   
  77. 圖片圖片圖片
  78.                 小時小時
  79. 小時小時                對話框                     dtdtdtdtdt>  
  80.                     dd>  
  81.                     
  82. dtdtdtdt
  83. dt
  84. <05>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板