記得在讀大學期間，去找實習，面試時被問到“什么是標簽的語義化”，一頭汗水，也忘記那時是怎么瞎扯了，后來回宿舍，上網查“標簽語義化”，當時的網絡對標簽語義化的解釋並不多，在找了很多網絡資料和書籍后才對語義化有一定的了解。現在標簽語義化這個專業名字，在前端開發的領域中已經不陌生了。
什么是標簽語義化？為什么要標簽語義化？如何語義化標簽？這是一名合格的前端開發工程師需要思考的。《HTML標簽語義化對照表》解釋了HTML標簽的語義，有助於大家理解語義化，《(X)HTML嵌套規則》說明了標簽的嵌套規則，也是語義化標簽需要認識的。關於語義化的好處，就筆者的理解有兩點：一是對搜索引擎友好，良好的結構和語義讓你的網頁內容自然容易被搜索引擎抓取；二是當用戶禁用CSS樣式，裸奔的頁面具有優秀的可讀性。
了解語義化的好處，也要了比較常見的語義化模塊，這里介紹項目中常見的模塊以及如何語義標簽的一點看法，希望可以給大家帶來幫助。
附件為測試實例，下載
對模塊語義標簽的思考，總結如下：
- 語義化標簽，保證頁面去掉樣式具有良好的結構和可讀性，又符合web標准
- 盡可能使用有語義的標簽在合適的地方來替代無語義標簽div、span
- 考慮使用p代替div在內容有語義的地方，因為p默認樣式具有上下邊距
- 考慮strong、em代替span在有語義的地方， strong默認樣式是加粗，em默認樣式是斜體