html5常见面试题,HTML5常见面试题及答案

一、HTML5的新特性

(1) 绘画canvasjavascript

(2) 用于媒介回放的video和audio元素html

(3) 本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失html5

(4) sessionStorage的数据在浏览器关闭后自动删除java

(5) 语义化更好的内容元素，好比article,footer,header,nav,sectionweb

(6) 表单控件，calendar,date,time,email,url等canvas

(7) 新的技术webworker,websockt,Geolocation数组

(8) 移出的元素浏览器

a.纯表现的元素：basefont,big,center,font等缓存

b.产生负面影响的元素：frame frameset等服务器

(9) ie8 7 6 支持经过document.createElemet 方法产生新的标签，能够利用这 一特性让这些浏览器支持html5新标签

二、语义化的理解

*HTML语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；

*在没有样式CSS状况下也以一种文档格式显示，而且是容易阅读的；

*搜索引擎的爬虫依赖于标记来肯定上下文和各个关键字的权重，利于SEO。

*使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

三、jQuery与jQuery UI有啥区别？

(1)jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。

(2)jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些经常使用的界面元素，诸如对话框、拖动行为、改变大小行为等等。

四、闭包

因为函数内部定义变量做用域问题，若是外部想用这个内部函数建立的一个变量；那就须要在这个函数内部在建立一个函数，建立的这个函数至关于一个桥梁把内部外部函数的变量抛出，这样就解决了不能访问这个变量的问题，那这个内部函数就称为闭包。

闭包的特性：

a.函数内再嵌套函数

b.内部函数能够引用外层的参数和变量

c.参数和变量不会被垃圾回收机制回收

归纳的说,闭包就是可以读取其余函数内部变量的函数，在本质上，它是将函数内部和函数外部链接起来的一座桥梁。

五、Typeof的做用

1、对于数字类型的操做数而言， typeof 返回的值是 number。好比说：typeof(1)，返回的值就是number。

上面是举的常规数字，对于很是规的数字类型而言，其结果返回的也是number。好比typeof(NaN)，NaN在JavaScript中表明的是特殊非数字值，虽然它自己是一个数字类型。在JavaScript中，特殊的数字类型还有几种：Infinity 表示无穷大特殊值

2、对于字符串类型， typeof 返回的值是 string。好比typeof(“123”)返回的值是string。

3、对于布尔类型， typeof 返回的值是 boolean 。好比typeof(true)返回的值是boolean。

4、对于对象、数组、null 返回的值是 object 。好比typeof(window)，typeof(document)，typeof(null)返回的值都是object。

5、 对于函数类型，返回的值是 function。好比：typeof(eval)，typeof(Date)返回的值都是function。

6、如 果运算数是没有定义的(好比说不存在的变量、函数或者undefined)，将返回undefined。好比：typeof(sss)、typeof(undefined)都返回undefined

六、常见的状态码分别表示什么

1**(信息类):接受到请求而且继续处理

2**(响应成功):表示动做被成功接受，理解和接受

200 -表示请求被成功完成，请求的资源发送回客户端

202 -接受和处理，但处理未完成

203 -返回信息不肯定或不完整

204 -请求收到，但返回信息为空

3**(重定向):为了完成指定的动做，必须接受进一步处理

300 -请求的资源可在多处获得

301 -本页面被永久性转移到另外一个URL

304 -自从上次请求后，请求的网页未修改过，服务器返回此响应时，不会返回网页内容，表明上次的文档已经被缓存了，还能够继续使用

305 -请求的资源必须从服务器指定的地址获得

4**(客户端错误类)

400 -客户端请求语法错误，不能被服务器所理解

403 -禁止访问，服务器收到请求，可是拒绝提供服务

404 -服务器没法取得所请求的网页，请求资源不存在。

七、JavaScript异步加载方案

function loadScript(url, callback){

var script = document.createElement("script")

script.type = "text/javascript";

if (script.readyState){ //IE

script.onreadystatechange = function(){

if (script.readyState == "loaded" || script.readyState == "complete"){

script.onreadystatechange = null;

callback();

}

};

} else { //Others: Firefox, Safari, Chrome, and Opera

script.onload = function(){

callback();

};

}

script.src = url;

document.body.appendChild(script);

}

8，CSS选择符有哪些？哪些属性能够继承？

* 1.id选择器( # myid)

2.类选择器(.myclassname)

3.标签选择器(div, h1, p)

4.相邻选择器(h1 + p)

5.子选择器(ul > li)

6.后代选择器(li a)

7.通配符选择器( * )

8.属性选择器(a[rel = “external”])

9.伪类选择器(a:hover, li:nth-child)

* 可继承的样式： font-size font-family color, UL LI DL DD DT;

* 不可继承的样式：border padding margin width height ;

9，介绍一下你对浏览器内核的理解？

主要分红两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。

(1)渲染引擎：负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等)，以及计算网页的显示方式，而后会输出至显示器或打印机。浏览器的内核的不一样对于网页的语法解释会有不一样，因此渲染的效果也不相同。全部网页浏览器、电子邮件客户端以及其它须要编辑、显示网络内容的应用程序都须要内核。

(2)JS引擎则：解析和执行javascript来实现网页的动态效果。

最开始渲染引擎和JS引擎并无区分的很明确，后来JS引擎愈来愈独立，内核就倾向于只指渲染引擎。