前端面試題及答案 - HTML篇
這篇文章並非最全的前端面試題（沒有最全，只有更全），只是針對本身面試過程當中遇到的一些難題、容易忽略的題作一個簡單的筆記，方便後面有面試須要的小夥伴們借鑑，後續內容會不定時更新，有錯誤之處但願你們不吝指出。
一、Doctype做用? 嚴格模式與混雜模式如何區分？它們有何意義?html
- <!DOCTYPE> 聲明位於文檔中的最前面，處於 <html> 標籤以前。告知瀏覽器以何種模式來渲染文檔。
- 嚴格模式的排版和 JS 運做模式是 以該瀏覽器支持的最高標準運行。
- 在混雜模式中，頁面以寬鬆的向後兼容的方式顯示。模擬老式瀏覽器的行爲以防止站點沒法工做。
- DOCTYPE不存在或格式不正確會致使文檔以混雜模式呈現。
二、HTML、XML、XHTML 有什麼區別前端
- HTML：超文本標記語言
用來描述和定義網頁內容的標記語言，是構成網頁的最基本的東西。它的做用就是一個規範，告訴全部瀏覽器都統一標準。
- XML: 可擴展標記語言
它的表現形式就是給一個文檔加一堆標籤，說明每段文字是幹什麼的，有什麼意義。這樣作的目的是方便存儲、傳輸、分享數據，人和機器均可以很方便的閱讀。XML 和 HTML 有一個明顯的區別就是：HTML 的標籤都是預約義的，你不能夠本身隨便增長，可是XML能夠。
- XHTML: 可擴展超文本標記語言
XHTML 就是以 XML 的語法形式來寫 HTML。存在一些強制的要求，以下： 一、必須包含一個文件頭聲明 <!DOCTYPE> 二、全部元素名必須小寫 三、全部空元素必須關閉 四、全部屬性名必須小寫 五、全部屬性值必須加引號 六、全部布爾值屬性必須加上屬性值
三、HTML5支持哪些新特性、移除了哪些元素？如何處理HTML5新標籤的瀏覽器兼容問題？如何區分HTML和HTML5？
新特性：html5
- HTML5 如今已經不是 SGML 的子集，主要是關於圖像，位置，存儲，多任務等功能的增長。
- 拖拽釋放(Drag and drop) API
- 語義化更好的內容標籤（header,nav,footer,aside,article,section）
- 音頻、視頻API(audio,video)
- 畫布(Canvas) API
- 地理(Geolocation) API
- 本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉後數據不丟失；
- sessionStorage 的數據在瀏覽器關閉後自動刪除
- 表單控件，calendar、date、time、email、url、search
- 新的技術webworker, websocket, Geolocation
移除元素：web
- 純表現的元素：basefont，big，center，font, s，strike，tt，u；
- 對可用性產生負面影響的元素：frame，frameset，noframes；
支持HTML5兼容面試
- 使用成熟的框架、使用最多的是html5shim框架
<!--[if lt IE 9]> <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script> <![endif]-->
區分HTML和HTML5： DOCTYPE聲明、新增的結構元素、功能元素json
相關文章
- 1. 前端面試題及答案 - JS篇
- 2. 前端面試題及答案 - CSS篇
- 3. web前端面試題及答案 html篇 上
- 4. web前端面試題及答案 html篇 下
- 5. H5前端面試題及答案（2）
- 6. H5前端面試題及答案（1）
- 7. 超全前端面試題及答案
- 8. Web前端面試題及答案--JavaScript
- 9. 前端試題及答案
- 10. 常見前端面試題及答案
- 更多相關文章...
- • SVG 在 HTML 頁面 - SVG 教程
- • ASP.NET Web Forms - HTML 頁面 - ASP.NET 教程
- • 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
- • PHP Ajax 跨域問題最佳解決方案
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 前端面試題及答案 - JS篇
- 2. 前端面試題及答案 - CSS篇
- 3. web前端面試題及答案 html篇 上
- 4. web前端面試題及答案 html篇 下
- 5. H5前端面試題及答案（2）
- 6. H5前端面試題及答案（1）
- 7. 超全前端面試題及答案
- 8. Web前端面試題及答案--JavaScript
- 9. 前端試題及答案
- 10. 常見前端面試題及答案