關(guān)于HTML面試題全部匯總

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