前端面试汇总(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