關(guān)于HTML面試題全部匯總
我要評(píng)論一、doctype的作用，嚴(yán)格與混雜模式的區(qū)別，有何意義
1、語(yǔ)法格式：<!DOCTYPE html>
2、<!DOCTYPE>不是Html標(biāo)簽，而是告知瀏覽器此頁(yè)面使用哪個(gè)HTML版本進(jìn)行編寫(xiě)的指令
3、html 4.01中有如下三種模式
1、html 4.01 Strict 嚴(yán)格模式，不包含展示性（純粹為頁(yè)面展示服務(wù)的標(biāo)簽，如：b、font等，因?yàn)檫@些在css中有相應(yīng)的替代方案）和棄用的元素，如：font，不允許框架集(framesets)；
2、html 4.01 Transitional 過(guò)濾模式，包含展示性和棄用元素，但不包含框架集(framesets);
3、html 4.01 Frameset 寬松模式，包含展示性與棄用元素，也包含構(gòu)架集（framesets);
4、xhtml 中有如下四種模式
1、xhtml 1.0 Strict 嚴(yán)格模式，不包含展示性與棄用的標(biāo)簽，不允許框架集（framesets)，且嚴(yán)格以xml格式來(lái)編寫(xiě)標(biāo)記；
2、xhtml 1.0 Transitional 過(guò)濾模式，包含展示性與棄用標(biāo)簽，不允許框架集(framesets)，且嚴(yán)格以xml格式來(lái)編寫(xiě)標(biāo)記；
3、xhtml 1.0 Frameset 寬松模式，包含展示性與棄用標(biāo)簽，允許框架集(framesets)，且嚴(yán)格以xml格式來(lái)編寫(xiě)標(biāo)記；
4、xhtml 1.1，等同于xhtml 1.0 strict，但允許添加模型。
5、標(biāo)準(zhǔn)模式與混雜的的區(qū)別
1、這兩種模式主要是瀏覽器廠商提煉出來(lái)的，標(biāo)準(zhǔn)模式時(shí)瀏覽器會(huì)根據(jù)規(guī)范來(lái)呈現(xiàn)頁(yè)面，而混雜模式時(shí)瀏覽器則以向后兼容的方式呈現(xiàn)；
2、Mozilla和Safari則用了“幾乎標(biāo)準(zhǔn)模式”，就是在處理表格的方式上有一此細(xì)微的差異；
3、最大問(wèn)題就是IE的盒子渲染機(jī)制，出現(xiàn)border-box（怪異模式）、content-box方式；
6、如何觸發(fā)混雜模式
1、html 4.01文檔，如果包含transitional（過(guò)濾）DTD但沒(méi)有URI則以混雜模式渲染；
2、如果xhtml、html不存在<!DOCTYPE>標(biāo)簽，則已混雜模式渲染
二、HTML5為什么只需要寫(xiě)<!DOCTYPE HTML>
主要原因?yàn)閔tml5中只有一個(gè)文檔類(lèi)型，就是html，而不像html 4.01或xhtml1.0還有多個(gè)文檔類(lèi)型。
三、行內(nèi)元素、塊級(jí)元素，空元素有那些
1、行內(nèi)元素：span、a、em（強(qiáng)調(diào)）、label、textarea、select、sub、sup等
2、塊級(jí)元素：div、ul、ol、li、h1~h6、table、form、p、dl、dd、dt等。
3、空元素：br、hr
四、link與@import導(dǎo)入樣式的區(qū)別
1、html頁(yè)引用css的三種，一是頁(yè)內(nèi)的style標(biāo)簽，二、link外鏈；三是@import導(dǎo)入
2、link是xhtm標(biāo)簽，不只外鏈css，還是可是rss服務(wù)，而@import只能是css
3、link外鏈的文件會(huì)與文檔同步加載，而@import則是等待文檔加載完成后才加載
4、link沒(méi)有兼容性問(wèn)題，而@import是css2.1規(guī)范中的，低版本瀏覽器不支持
5、link支持使用js控制DOM元素樣式，而@import不可以（也就是說(shuō)可以通過(guò)javascript來(lái)操作link標(biāo)簽來(lái)改變css文檔，以達(dá)到更換皮膚的效果，而用@import則不行）
- <style>
- @import url('test.css');
- </style>
以上這篇關(guān)于HTML面試題全部匯總就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
原文地址：http://www.cnblogs.com/cqhaibin/archive/2016/07/24/5701943.html
相關(guān)文章
html5 echarts實(shí)現(xiàn)的汽車(chē)儀表盤(pán)圖表動(dòng)畫(huà)特效源碼
這是一款基于html5 echarts實(shí)現(xiàn)的汽車(chē)儀表盤(pán)圖表動(dòng)畫(huà)特效源碼?？梢苑浅１普娴哪M汽車(chē)儀表盤(pán)的指針擺動(dòng)效果，有多種屬性參數(shù)可供用戶(hù)選擇，鼠標(biāo)滑過(guò)指針還可顯示對(duì)應(yīng)的數(shù)2016-07-23- 下面小編就為大家?guī)?lái)一篇HTML CSS樣式基礎(chǔ)(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-23
- 下面小編就為大家?guī)?lái)一篇【HTML 元素】嵌入圖像的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-23
- 下面小編就為大家?guī)?lái)一篇【HTML 元素】標(biāo)記文字詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-23
- 下面小編就為大家?guī)?lái)一篇HTML基礎(chǔ)筆記(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-22
HTML5手機(jī)端手指上下拉滑動(dòng)加載更多數(shù)據(jù)特效源碼
HTML5手機(jī)端手指上下拉滑動(dòng)加載更多數(shù)據(jù)特效源碼是一款通過(guò)jquery實(shí)現(xiàn)tab切換和上拉加載更多的效果，適用于手機(jī)端頁(yè)面開(kāi)發(fā)。本段代碼適應(yīng)于所有網(wǎng)頁(yè)使用，有需要的朋友可以2016-07-21
HTML5踩白塊兒手機(jī)小游戲特效代碼 (兼容PC端和手機(jī)移動(dòng)端)
HTML5踩白塊兒手機(jī)小游戲，兼容PC端和手機(jī)移動(dòng)端，鼠標(biāo)點(diǎn)擊消滅百塊兒2016-07-21- 下面小編就為大家?guī)?lái)一篇html5 初試 indexedDB(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，祝大家游戲愉快哦2016-07-21
