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

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

    標記定義文章

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

        

      標記定義頁內容部分的側邊欄

     標記定義檔中一個區塊的相關資訊

     標記定義為一組媒體內容以及它們的標記定義 >標籤定義figure 元素的標題。

     標記定義一個頁面或一個區域的底部

     標記定義一個對話框(會話框)類似微信


多媒體互動標籤

標記定義媒體資源

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


Web應用標籤

指令清單menu指令清單標籤FF（嵌入系統）

menu標記定義一個指令按鈕

狀態標籤(即時狀態顯示:氣壓、氣溫)C、O
狀態標籤(任務流程:安裝、載入) C、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.             所稱時{高:150px;背景:#ABCDEF}   
10.             nav{上的高度:30px;背景:#ff9900;margin-top:100px}   
11.             nav ul li{width:100px;height:30px;float:left;line-height:30px}   :30px;float:left;line-height:30px}   
              
12.             div{margin-top:10px;height:1000px;}   
13.             部分中{高度:1000px;背景:#ABCDEF;寬度:70%;浮動:左}   
14.             文章{background:#F90;width:500px;margin:0 auto;text-align:center}  
15.               
16.             旁邊{高度:1000px;背景:#ABCDEF;寬度:28%;浮動:右}   
17.                            頁腳{高度:100px;背景:#ABCDEF;clear:both;margin-top:10px}  
18.         style> 🎜>>
19.  🎜>>      head
>
20.        
身體
21. >           
22. header>              p>p>p
23. >標籤🎜>p>               
24. nav>                ul
25. ul                     
27. li>                       
>li >                       
28. li>                       
29. >li>  
30.                     
31. li>                   
32. ulul
            
33. nav>nav>
nav>mm]         header>          div>               section>section>
34.                 ppp 🎜>p
>
35.                    article
36.                     
h2>  
37.                     
                    以春眠處，
38.                        中被蚊子咬，
                    打敵畏，
39.                        則已不死亡。br />  
40.                                                        
41. 文章
42. 文章文章>文章
43.                 小時小時小時
44. 小時                 文章
文章文章文章                    h2>  
45.                     
46.                     以當空照，
                     在我中笑，  
47.                     小鳥及早早，而你為何背上小書包？
br />  🎜>  
48. 🎜>                     我要炸學校老師不知道，一拉線，快跑，                       轟的一聲，而學校則爆炸了。br />  
49.                     
                                   
50. 文章
51. 文章文章>文章
52.                 
小時小時小時
53. 小時                 圖片
圖片圖片                     figcaption>
54.                        p >                   
55. 圖片圖片圖片
56.                 
圖片圖片
57. 圖片                      dtdt
58. dtdt>                        dd>大屌絲
59. dd >                   
60. 圖片圖片圖片
61.                 小時小時
62. 小時小時                對話框                     dtdtdtdtdt>  
63.                     dd>  
                    
64. dtdtdtdt
dt
65. <05>