這個問題網上一搜答案就一大堆，但個人認為還是需要自己來記錄一下的。因為網上的都是別人的答案，自己能說出來的才是真正理解了的東西。

大家都說，寫好HTML最重要的一點是要寫“語義化”的程式碼，即HTML標籤、結構要符合所表示的語義。結合你的理解，談談這一觀點，說說你所理解的“語義化”是什麼，你平時在專案中是如何實踐“語義化”的，試舉出一兩個事例。

答：語義化就是用正確的標籤做正確的事。所謂正確就是讓HTML的結構在語義化標籤下能被更準確的理解，能夠顧名思義。而這來帶的好處之一就是方便人們閱讀原始碼。更重要的是，在網站效能方面帶來更多的優化。一方面是瀏覽器在解析html頁面時構建的DOM樹結構能夠更加精準，另一方面是大家都熟知的能夠更容易地被搜尋引擎抓取，便於網站推廣。對未來的影響則是使得程式碼更規範，能適應以後的web標準。
事例：1.重構頁面時，多使用HTML5的標籤，如header，footer，section，nav，article，aside等。
      2.如按鈕的實現有多種方式，可以通過a，div，span等，但最後還是應該用button標籤，因為在部分瀏覽器中認為有些標籤是不能有互動行為，這樣就會引起瀏覽器差異問題。更多類似的小例子還有做導航用nav，做列表用li

我們說，前端開發是結構、表現、行為分離的，HTML、CSS和JavaScript分別負責結構、表現和行為。結合你在前端的實踐，談談你對結構、表現、行為分離原則的理解，試舉出你在這一原則下實踐的一個例子。

答：前端的學習離不開HTML,CSS,JavaScript。這三者從早些年的結合，到當代的分離，體現了前端的迅猛發展，表明前端的分工越來越細，同時體現了一種工作模式的轉變。HTML結構給我們直觀的呈現就是DOM樹，這就如同一幅沒有顏色的只有線條的畫，而CSS表現與HTML結構結合則是渲染出了一幅色彩繽紛的圖畫，再加上JavaScript行為的實現，就變成了一個豐富的動畫，有了互動有了事件等各種機制。

WEB標準簡單來說可以分為結構，表現和行為。其中結構主要是有HTML標籤組成，在頁面body裡面我們寫入的標籤都是為了頁面的結構。表現即指css樣式表，通過css可以使頁面的結構標籤更具美感。行為是指頁面和使用者具有一定的互動，同時頁面結構或者表現發生變化，主要是由js組成。

WEB標準一般是將該三部分獨立分開，使其更具有模組化。但一般產生行為時，就會有結構或者表現的變化，也使這三者的界限並不那麼清晰。

W3C對web標準提出了規範化要求：

1.結構要求（標籤規範可以提高搜尋引擎對頁面的抓取效率，對SEO很有幫助）

（1）標籤字母要小寫

（2）標籤要閉合

（3）標籤不允許隨意巢狀

2.對css和js來說

（1）儘量使用外鏈css樣式表和js指令碼。使結構，表現，行為分為三塊，符合規範，同時提高使用者的體驗。

（2）樣式儘量少用行間樣式，使結構與表現分離，標籤的id和class等屬性命名要做到

（3）不需要變動頁面內容，便可提供列印版本而不需要複製內容，提高網站易用性