標(biāo)簽（空格分隔）： 面試準(zhǔn)備
[TOC]
2.1升薯、<img>標(biāo)簽上title屬性與alt屬性的區(qū)別是什么？
alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說(shuō)明的屉来。且長(zhǎng)度必須少于100個(gè)英文字符或者用戶必須保證替換文字盡可能的短焕阿。
這包括那些使用本來(lái)就不支持圖像顯示或者圖像顯示被關(guān)閉的瀏覽器的用戶钾挟，視覺(jué)障礙的用戶和使用屏幕閱讀器的用戶等舔株。
title屬性為設(shè)置該屬性的元素提供建議性的信息莺琳。使用title屬性提供非本質(zhì)的額外信息。
2.3督笆、請(qǐng)寫(xiě)出至少5個(gè)html5新增的標(biāo)簽芦昔，并說(shuō)明其語(yǔ)義和應(yīng)用場(chǎng)景
https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list
2.4诱贿、請(qǐng)說(shuō)說(shuō)你對(duì)標(biāo)簽語(yǔ)義化的理解娃肿？
a. 去掉或者丟失樣式的時(shí)候能夠讓頁(yè)面呈現(xiàn)出清晰的結(jié)構(gòu)
b. 有利于SEO：和搜索引擎建立良好溝通咕缎，有助于爬蟲(chóng)抓取更多的有效信息：爬蟲(chóng)依賴于標(biāo)簽來(lái)確定上下文和各個(gè)鍵字的權(quán)重；
c. 方便其他設(shè)備解析（如屏幕閱讀器料扰、盲人閱讀器凭豪、移動(dòng)設(shè)備）以意義的方式來(lái)渲染網(wǎng)頁(yè)；
d. 便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)晒杈，語(yǔ)義化更具可讀性嫂伞，遵循W3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn)，可以減少差異化拯钻。
2.5帖努、Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?
<!DOCTYPE>聲明位于文檔中的最前面粪般，處于<html>標(biāo)簽之前拼余。告知瀏覽器以何種模式來(lái)渲染文檔。
嚴(yán)格模式的排版和 JS 運(yùn)作模式是亩歹，以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行匙监。
在混雜模式中，頁(yè)面以寬松的向后兼容的方式顯示小作。模擬老式瀏覽器的行為以防止站點(diǎn)無(wú)法工作亭姥。
DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。
2.6顾稀、你知道多少種Doctype文檔類型达罗？
標(biāo)簽可聲明三種 DTD 類型，分別表示嚴(yán)格版本础拨、過(guò)渡版本以及基于框架的 HTML 文檔氮块。
HTML 4.01 規(guī)定了三種文檔類型：Strict、Transitional 以及 Frameset诡宗。
XHTML 1.0 規(guī)定了三種 XML 文檔類型：Strict滔蝉、Transitional 以及 Frameset。
Standards （標(biāo)準(zhǔn)）模式（也就是嚴(yán)格呈現(xiàn)模式）用于呈現(xiàn)遵循最新標(biāo)準(zhǔn)的網(wǎng)頁(yè)塔沃，
Quirks（包容）模式（也就是松散呈現(xiàn)模式或者兼容模式）用于呈現(xiàn)為傳統(tǒng)瀏覽器而設(shè)計(jì)的網(wǎng)頁(yè)蝠引。
從根本上說(shuō)，怪異模式（也稱之為兼容模式）意味著一個(gè)相對(duì)新的瀏覽器故意模擬許多在舊瀏覽器中存在的bug蛀柴，特別是在IE4和IE5中螃概。
http://www.w3school.com.cn/tags/tag_doctype.asp
2.7、HTML與XHTML——二者有什么區(qū)別
a. XHTML 元素必須被正確地嵌套鸽疾。
b. XHTML 元素必須被關(guān)閉吊洼。
c. 標(biāo)簽名必須用小寫(xiě)字母。
d. XHTML 文檔必須擁有根元素制肮。
2.8冒窍、html5有哪些新特性递沪、移除了那些元素？
a. HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集综液，主要是關(guān)于圖像款慨，位置，存儲(chǔ)谬莹，多任務(wù)等功能的增加檩奠。
b. 拖拽釋放(Drag and drop) API
c. 語(yǔ)義化更好的內(nèi)容標(biāo)簽（header,nav,footer,aside,article,section）
d. 音頻、視頻API(audio,video)
e. 畫(huà)布(Canvas) API
f. 地理(Geolocation) API
g. 本地離線存儲(chǔ) localStorage 長(zhǎng)期存儲(chǔ)數(shù)據(jù)附帽，瀏覽器關(guān)閉后數(shù)據(jù)不丟失
h. sessionStorage 的數(shù)據(jù)在頁(yè)面會(huì)話結(jié)束時(shí)會(huì)被清除
i. 表單控件埠戳，calendar、date蕉扮、time乞而、email、url慢显、search
j. 新的技術(shù)webworker, websocket等
移除的元素：
a. 純表現(xiàn)的元素：basefont爪模，big，center, s荚藻，strike屋灌，tt，u应狱；
b. 對(duì)可用性產(chǎn)生負(fù)面影響的元素：frame共郭，frameset，noframes疾呻；
2.9除嘹、iframe的優(yōu)缺點(diǎn)？
優(yōu)點(diǎn)：
a. 解決加載緩慢的第三方內(nèi)容如圖標(biāo)和廣告等的加載問(wèn)題
b. iframe無(wú)刷新文件上傳
c. iframe跨域通信
缺點(diǎn)：
a. iframe會(huì)阻塞主頁(yè)面的Onload事件
b. 無(wú)法被一些搜索引擎索引到
c. 頁(yè)面會(huì)增加服務(wù)器的http請(qǐng)求
d. 會(huì)產(chǎn)生很多頁(yè)面岸蜗，不容易管理尉咕。
2.11、請(qǐng)闡述table的缺點(diǎn)
a. 太深的嵌套璃岳，比如table>tr>td>h3年缎，會(huì)導(dǎo)致搜索引擎讀取困難，而且铃慷，最直接的損失就是大大增加了冗余代碼量单芜。
b. 靈活性差，比如要將tr設(shè)置border等屬性犁柜，是不行的洲鸠，得通過(guò)td
c. 代碼臃腫，當(dāng)在table中套用table的時(shí)候馋缅，閱讀代碼會(huì)顯得異嘲峭螅混亂
d. 混亂的colspan與rowspan淤齐，用來(lái)布局時(shí)，頻繁使用他們會(huì)造成整個(gè)文檔順序混亂袜匿。
e. 不夠語(yǔ)義
