1.如何理解HTML5結(jié)構(gòu)語(yǔ)義化？

答：就是用正確的標(biāo)簽做正確的事，段落用標(biāo)簽，標(biāo)題用h系列標(biāo)簽，邊框用aside標(biāo)簽，主要內(nèi)容用mian標(biāo)簽，對(duì)于開發(fā)者來(lái)說(shuō)，便于團(tuán)隊(duì)的開發(fā)和維護(hù)，呈現(xiàn)出較好的內(nèi)容結(jié)構(gòu)和代碼結(jié)構(gòu)，對(duì)瀏覽器來(lái)說(shuō)，有利于SEO，利于無(wú)障礙閱讀等

2.html5的新特性？

答： html5中新增了關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能

• 用于媒體的video和audio元素
• 本地存儲(chǔ)localStorage，實(shí)現(xiàn)持久化存儲(chǔ)
• sessionStorage會(huì)話級(jí)存儲(chǔ)
• 語(yǔ)義化元素，footer、header、nav、section
• 表單控件，date，time，email，url，search
• 新的技術(shù)，webworker、websocket、Geolocation

移除了一些元素，比如big，font，s，u，frame

低版本瀏覽器（IE8、IE7、IE6）可以通過(guò)document.creatElement方法來(lái)產(chǎn)生標(biāo)簽，進(jìn)行新特性的支持

3.瀏覽器的渲染機(jī)制一般分為幾個(gè)步驟？

答：1.處理HTML購(gòu)件DOM樹

2.處理css構(gòu)建CSSOM樹

3.將DOM樹和CSSOM樹合并為一個(gè)渲染樹

4.根據(jù)渲染樹來(lái)布局，計(jì)算每個(gè)節(jié)點(diǎn)的位置

5.調(diào)用GPU繪制，合成圖層，顯示在屏幕上

注意點(diǎn)：在構(gòu)建CSSOM樹時(shí)，會(huì)阻塞渲染，直至CSSOM樹構(gòu)建完成。構(gòu)建CSSOM樹是一個(gè)十分消耗性能的過(guò)程，越是具體的CSS選擇器，執(zhí)行的速度越慢； 當(dāng)HTML解析到script標(biāo)簽時(shí)，會(huì)暫停構(gòu)建DOM，完成后才會(huì)從暫停的地方重新開始，如果你想首屏渲染的速度越快，就不應(yīng)該再首屏?xí)r加載JS文件。