那就開始吧，先從HTML開始吧
HTML5常用語義化標籤：
1.article標籤裝載顯示一個獨立的文章內容。通常用於一個大板塊的內容
2.section 標籤定義文檔中的節（section、區段），文章裏的次級部分
3.aside 用來裝載非正文類的內容。例如廣告，成組的鏈接，側邊欄等等
4.hgroup 標籤用於對網頁或區段的標題元素（h1-h6）進行組合。
5.header 標籤定義文檔的頁面組合，通常是一些引導和導航。
6.footer 標籤，一般用於頁腳，放置作者信息等
7.nav 標籤定義顯示導航鏈接不是所有的成組的超級鏈接都需要放在nav標籤裏。nav標籤裏應該放入一些當前頁面的主要導航鏈接。 例如在頁腳顯示一個站點的導航鏈接（如首頁，服務信息頁面，版權信息頁面等等），就可以使用nav標籤，當然，這不是必須的。
8.figure標籤規定獨立的流內容（圖像、圖表、照片、代碼等等）。figure 元素的內容應該與主內容相關，但如果被刪除，則不應對文檔流產生影響。
9.figcaption 標籤定義 figure 元素的標題（caption）。"figcaption" 元素應該被置於 "figure" 元素的第一個或最後一個子元素的位置。
10.time 標籤定義公曆的時間（24 小時制）或日期，時間和時區偏移是可選的。