經(jīng)典面試題
21. XHTML和HTML有什么區(qū)別?
- XHTML 元素必須被正確地嵌套然走。
- XHTML 元素必須被關(guān)閉。
- 標(biāo)簽名必須用小寫字母。
- XHTML 文檔必須擁有根元素。
22. 什么是語義化的HTML?
用正確的標(biāo)簽做正確的事情。
html語義化讓頁面的內(nèi)容結(jié)構(gòu)化屠橄,結(jié)構(gòu)更清晰,便于對瀏覽器闰挡、搜索引擎解析;
即使在沒有樣式CSS情況下也以一種文檔格式顯示锐墙,并且是容易閱讀的;
搜索引擎的爬蟲也依賴于HTML標(biāo)記來確定上下文和各個關(guān)鍵字的權(quán)重,利于SEO;
使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊长酗,便于閱讀維護(hù)理解溪北。
23. 常見的瀏覽器內(nèi)核有哪些?
- Trident內(nèi)核:IE,MaxThon,TT,The World,360,搜狗瀏覽器等。[又稱MSHTML]
- Gecko內(nèi)核:Netscape6及以上版本之拨,F(xiàn)F,MozillaSuite/SeaMonkey等
- Presto內(nèi)核:Opera7及以上茉继。 [Opera內(nèi)核原為:Presto,現(xiàn)為:Blink;]
- Webkit內(nèi)核:Safari,Chrome等蚀乔。 [ Chrome的:Blink(WebKit的分支)]
24. HTML5有哪些新特性烁竭、移除了那些元素?如何處理HTML5新標(biāo)簽的瀏覽器兼容問題吉挣?如何區(qū)分 HTML 和HTML5派撕?
- HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集,主要是關(guān)于圖像听想,位置腥刹,存儲,多任務(wù)等功能的增加汉买。
繪畫 canvas;
用于媒介回放的 video 和 audio 元素;
本地離線存儲 localStorage 長期存儲數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失;
sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除;
語意化更好的內(nèi)容元素佩脊,比如 article蛙粘、footer、header威彰、nav出牧、section;
表單控件,calendar歇盼、date舔痕、time、email豹缀、url伯复、search;
新的技術(shù)webworker, websocket, Geolocation;
移除的元素:
純表現(xiàn)的元素:basefont,big邢笙,center啸如,font, s,strike氮惯,tt叮雳,u;
對可用性產(chǎn)生負(fù)面影響的元素:frame,frameset妇汗,noframes帘不;-
支持HTML5新標(biāo)簽:
IE8/IE7/IE6支持通過document.createElement方法產(chǎn)生的標(biāo)簽,
可以利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽杨箭,
瀏覽器支持新標(biāo)簽后寞焙,還需要添加標(biāo)簽?zāi)J(rèn)的樣式。
當(dāng)然也可以直接使用成熟的框架、比如html5shim;
* 如何區(qū)分HTML5: DOCTYPE聲明(html4有三種聲明棺弊,h5只有一種)\新增的結(jié)構(gòu)元素\功能元素
####思考題
#####11. 前端開發(fā)中有什么經(jīng)典的輪子值得自己去實現(xiàn)一遍晶密?
知乎傳送門:https://www.zhihu.com/question/29380608
#####12. 在你的日常開發(fā)中遇到過哪些常用布局是無法用純 CSS 實現(xiàn)的?
知乎傳送門:https://www.zhihu.com/question/31863128