這個是我在年初面試的時候被問答的一個問題，當時回答的很一般，自己瞭解的不是很透徹，所以回來後就在網上查詢看下所謂的“標準答案”，然後按照自己的思路總結整理了一下。
一個網頁相當於一個畫中的數，html結構相當於這個數的枝幹，而標籤則是這個枝幹上的果實葉子，css則是顏料，用來裝飾這幅畫的整體風格，HTML標籤語義化相當於將果實和葉子用不同語義的標籤將它們區分開來，讓別人在看這幅畫的時候，一眼能夠明白哪部分程式碼的是果實，哪部分代表的是葉子。
我們經常應用的語義化標籤
    H1-h6     標題內容
    P         段落
    Ul        無序
    Ol        有序
    Dl        定義列表
    Thead     表格中的表頭內容
    Tbody     表格中的主體內容

HTML5中也新增加許多的語義化標籤
    Header    section或者page的頁首
    Nav       導航欄
    Footer    section或者page的頁尾
    Progress  進度條
    Video     視訊

HTMl標籤語義化，簡單來說，就是讓標籤有含義，給某塊內容用上一個最恰當最合適的標籤，使頁面有良好的結構，頁面元素有含義，不論是誰都能夠看懂這塊內容是什麼，並且有利於搜尋引擎。
標籤語義化的好處：
        1.  HTML結構清晰
        2.  程式碼可讀性較好
        3.  無障礙閱讀
        4.  搜尋引擎可以根據標籤的語言確定上下文和權重問題
        5.  移動裝置能夠更完美的展現網頁（對css支援較弱的裝置）
        6.  便於團隊維護和開發

   現在很多大型公司的前端很注重標籤語義化，團隊組員能夠很好的理解頁面結構，便於維護，不必再焦頭爛額的猜測這部分程式碼代表什麼內容，省下了許多沒必要的時間，所以在以後的頁面設計中，慢慢的將使用語義化標籤養成一中習慣，可以方便很多人。