一、說說你對html語義化的理解？ 答：1、去掉或者丟失樣式的時候能夠讓頁面呈現出清晰的結構 2、有利於SEO：與搜索引擎建立良好的溝通，有助於爬蟲抓取更過的有效信息，因為爬蟲依賴標簽來確定上下文和各個關鍵字的權重 3、方便其他設備解析，例如屏幕閱讀器，盲人閱讀器，移動設備 4、便於團隊開發和維護， ...
一、說說你對html語義化的理解？
答：1、去掉或者丟失樣式的時候能夠讓頁面呈現出清晰的結構
2、有利於SEO：與搜索引擎建立良好的溝通，有助於爬蟲抓取更過的有效信息，因為爬蟲依賴標簽來確定上下文和各個關鍵字的權重
3、方便其他設備解析，例如屏幕閱讀器，盲人閱讀器，移動設備
4、便於團隊開發和維護，提高可讀性，html語義化作為W3C的標準，能夠減少差異化
二、DOCTYPE的作用？有何意義？DOCTYPE的種類？
答：1、<!DOCTYPE>位於文檔的最前面，處於<html>標簽之前，目的是告知瀏覽器以何種模式來渲染文檔
2、種類有：html5、html4.0.1 strict、html4.0.1 transitional、html4.0.1 frameset、xhtml1.0. strict、xhtml1.0 transitional、xhtml1.0 frameset
3、strict包含所有的html元素，但是不包含展示性和已棄用的元素，transitional則包含展示性和已棄用的元素，frameset則在transitional的基礎上包含框架集
4、html5不不使用DTD，所以現在只需要<!DOCTYPE html>來聲明html5頁面
三、HTML和XHTML的區別？
答：1、XHTML元素必須被正確的嵌套
2、XHTML元素必須被關閉
3、XHTML標簽名必須用小寫
4、XHTML文檔必須有根元素
四、HTML4.0.1和HTML5的區別？
答：1、更加的語義化，新增了article、section、header、footer、nav等語義化標簽，讓我們更好的組織文檔結構，適當的減少div的使用
2、更加的關註組織，廢棄了一些樣式化的標簽，如basefont，big，center，font等，讓css來實現這些樣式
3、新增了video、audio、canvas來取代flash，video和audio支持多種格式的音視頻，而canvas用來實現動畫
4、新增了localStorage和sessionStorage兩種存儲
5、支持內聯SVG，就像使用普通標簽一樣，使用SVG圖像
五、defer和async相同點和不同點？
答：相同點：1、js腳本非同步下載
2、使用這兩個屬性的腳本中不能調用document.write方法
3、只適用於外部腳本
不同點：1、每一個async腳本載入完之後立即執行，所以肯定是在window.onload之前執行，至於在DOMContentLoad之前還是之後，得看async腳本和html哪個先載入完，因此多個async腳本需要註意依賴問題
而defer腳本則是在html解析完成之後才執行，所以defer肯定在DOMContentLoad之前執行，而且多個defer腳本的執行順序不固定
