前端面試彙總(html+css)

時間 2019-12-04

原文原文鏈接

HTML:html

一、前端頁面有哪三層組成？分別是什麼？有什麼做用？前端

前端頁面由結構層HTML，表示層CSS，行爲層JS組成。

二、HTML5爲何只用寫<!DOCTYPE html>？canvas

HTML5不是基於SGML，所以不須要對DTD進行引用，可是須要doctype來規範瀏覽器的行爲（讓瀏覽器按照它們應該的方式來運行）；而HTML4.0基於SGML，因此須要對DTD進行引用，才能告知瀏覽器文檔所使用的文檔類型。

三、Doctype做用？標準模式與兼容模式有什麼區別？瀏覽器

!DOCTYPE聲明位於HTML文檔的第一行，處於HTML標籤以前，告知瀏覽器的解析器用什麼文檔標準解析這個文檔，DOCTYPE不存在或者格式不正確會致使文檔以兼容模式存在。

四、HTML5有哪些新特性？移除了哪些元素？如何處理HTML5新標籤的瀏覽器兼容問題？如何區分HTML和HTML5？session

1）新特性：
        HTML5如今已經不是SGML的子集，主要是關於圖像、位置、存儲、多任務等功能的增長；
        繪畫canvas；
        用於媒介回放的video和audio元素；
        本地離線存儲localstorage長期存儲數據，瀏覽器窗口關閉數據不丟失；
        sessionStorage的數據在瀏覽器窗口關閉後自動刪除；
        語義化標籤，footer、header、nav、section等；
        表單控件data、email、time、url、search等；
        新增了地理定位功能，getCurrentPosition();
2）移除的元素：
        big、center、font、s等；
3）支持HTML5新標籤：
        IE8/IE7/IE6支持經過document.createElement方法建立的標籤，能夠利用這一特性讓瀏覽器支持性標籤。
4）區分HTML和HTML5：
        HTML5會聲明DOCTYPE；
        標籤的使用；
        h5新增的功能使用；

CSSide