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