hello 大家好，我是w3cschool編程獅，今天跟大家分享10個HTML WEB前端面試題及答案。
-----------------------------------------------------------------------------------------------------------------------------------------
1、什么是 HTML
HTML是HTML（超文本標記語言）。它是一種為萬維網(wǎng)構(gòu)建和顯示內(nèi)容的語言，萬維網(wǎng)是互聯(lián)網(wǎng)的核心技術(shù)。
WHATWG（Web超文本應用技術(shù)工作組）另一次W3C個人聚會認為，W3C沒有認真考慮當前方言的現(xiàn)實改進需求，它已經(jīng)開始處理HTML-HTML5的新確定。因此，HTML5是HTML 4.01和XHTML 1.0的另一種改編，它集中于Web應用程序設(shè)計者的必要性上，并且還傾向于在當前細節(jié)中發(fā)現(xiàn)的問題。
-----------------------------------------------------------------------------------------------------------------------------------------
2、什么是HTML語義化，有什么好處
有助于構(gòu)架良好的HTML結(jié)構(gòu)
有助于搜索引擎建立索引、抓取，有利于SEO
有利于不同設(shè)備的解析
有利于團隊的開發(fā)維護
-----------------------------------------------------------------------------------------------------------------------------------------
3、為什么要在html文件開頭加上一個<!DOCTYPE html>
告訴瀏覽器使用哪個版本的HTML規(guī)范來渲染文檔。DOCTYPE不存在或形式不正確會導致HTML文檔以混雜模式呈現(xiàn)。
-----------------------------------------------------------------------------------------------------------------------------------------
4、HTML5為什么只需要寫 <!DOCTYPE html>
?。?）HTML5 不基于 SGML，因此不需要對 DTD 進行引用，但是需要 DOCTYPE 來規(guī)
范瀏覽器的行為（讓瀏覽器按照它們應該的方式來運行）；
（2）HTML4.01 基于 SGML，所以需要對 DTD 進行引用，才能讓瀏覽器知道該文檔所使用的文檔類型。
-----------------------------------------------------------------------------------------------------------------------------------------
5、HTML5的新特性
內(nèi)容元素：article（獨立結(jié)構(gòu)）、footer（底部）、header（頭部）、nav（導航）、section（分段）。
表單控件：calendar、date、time、email、url、search。
控件元素：webworker, websockt, Geolocation。
表單屬性：placehoder, required, min ,max
移出的元素有下列這些：
顯現(xiàn)層元素：basefont，big，center，font, s，strike，tt，u。
性能較差元素：frame，frameset，noframe
新增的元素有繪畫 canvas ，用于媒介回放的 video（視頻） 和 audio（音頻） 元素，本地離線存儲
localStorage 長期存儲數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失，而 sessionStorage 的數(shù)據(jù)在瀏
覽器關(guān)閉后自動刪除。
新的技術(shù)：canvas,svg,webworker, websocket, Geolocation
-----------------------------------------------------------------------------------------------------------------------------------------
6、div模擬textarea
contenteditable屬性，值為布爾值，為true時可以編輯。反之
-----------------------------------------------------------------------------------------------------------------------------------------
7、web標準及w3c的理解和認識
標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外鏈 css 和 js 腳本、結(jié)構(gòu)行為表現(xiàn)的分離，
文件下載與頁面速度更快、內(nèi)容能被更多的用戶所訪問、內(nèi)容能被更廣泛的設(shè)備所訪問、更少的代碼和組件，
容易維護、改版方便，不需要變動頁面內(nèi)容、提供打印版本而不需要復制內(nèi)容、提高網(wǎng)站易用性。
-----------------------------------------------------------------------------------------------------------------------------------------
8、XHTML和HTML的區(qū)別
文檔頂部doctype聲明不同，xhtml的doctype頂部聲明中明確規(guī)定了xhtml DTD的寫法；
html元素必須正確嵌套，不能亂；
屬性必須是小寫的；
屬性值必須加引號；
標簽必須有結(jié)束，單標簽也應該用 “/” 來結(jié)束掉；
-----------------------------------------------------------------------------------------------------------------------------------------
9、Iframe的作用
用法：在網(wǎng)頁中插入第三方頁面，在切換頁面時避免重復下載
優(yōu)點：便于修改，模塊分離
缺點：（1）iframe 的創(chuàng)建比一般的 DOM 元素慢了 1-2 個數(shù)量級
?。?）會阻塞頁面的加載
（3）對SEO不友好
-----------------------------------------------------------------------------------------------------------------------------------------
10、web標準及w3c的理解和認識
標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外鏈 css 和 js 腳本、結(jié)構(gòu)行為表現(xiàn)的分離，
文件下載與頁面速度更快、內(nèi)容能被更多的用戶所訪問、內(nèi)容能被更廣泛的設(shè)備所訪問、更少的代碼和組件，
容易維護、改版方便，不需要變動頁面內(nèi)容、提供打印版本而不需要復制內(nèi)容、提高網(wǎng)站易用性。
