HTML5知识点汇总

新属性，它的功能为对用户输入的文本内容进行拼写和语法检查。Spellcheck是个布尔值的属性，具有true和false两种值，但是书写时有个特殊的地方，就是必须明确声明属性值为true或false。

正确写法： 错误写法：

如果元素的readOnly属性或disabled属性设置为true，则不执行拼写检查。

目前只有IE不支持spellcheck属性。

5. tabindex属性

Tabindex是开发中的一个基本概念，党不断按TAB键让窗口或页面中的控件获得焦点，对窗口或页面中的所有控件进行遍历的时候，每一个控件的tabindex属性表示该控件是第几个被访问到的。

HTML5 其他功能

1.Selectors API

提示

selectors API不仅仅只是方便，在遍历DOM的时候，selectors API通常会比以前的子节点搜索API更快。为了实现快速样式表，浏览器对选择器匹配进行了高度优化。

HTML5有了新的Selectors API, 可以用更精确的方式来指定希望获取的元素，而不必再用标准的DOM的方式循环遍历。使用方式类似于CSS中使用的选择规则一样。举例：

函数1：querySelector()

描述：根据指定的选择规则，返回在页面中找到的第一个匹配元素

示例：querySelector("input.error")

结果：返回第一个CSS类名为"error"的文本选择框------------

函数2：querySelectorAll()

描述：根据指定规则返回页面中所有相匹配的元素示例：querySelectorAll("#results td")

结果：返回id值为results的元素下所有的单元格

1）. 可以为Selector API函数同时指定多个规则，例如//选择文档中名为highClass或lowClass的第一个元素var x= document.querySelector(".highClass",".lowClass");

2）. Selectors API不仅仅只是方便，在遍历DOM的时候，Selectors API通常会比以前的遍历搜索更快，浏览器对选择器匹配进行了高度优化。

2.JavaScript日志和调试

console.log()

3.windows.JSON

JSON作为js语法的一个子集，它将数据表示为对象字面量。

由于其语法简单和在js编程中与生俱来的兼容性，JSON变成了HTML5应用内部数据交换的事实标准。

典型的JSON API包含两个函数，parse()和stringify(), 分别用于将字符串序列化成DOM对象和将DOM对象转换成字符串。

如果旧的浏览器使用JSON，需要js库。

在js中执行解析和序列化效率往往不高，所以为了提高执行速度，新的浏览器原生扩展了对JSON的支持，可以直接通过js来调用JSON了。

4.DOM Level 3

DOM解析的三级模型：

> DOM level1模型：将html文档封装成了对象

> DOM level2模型：在level1的基础上，加入了名称空间的

功能

> DOM level3模型：能够解析xml了，将xml封装成了对象

5.Javascript引擎和Web内核

当前主流四大引擎内核：Trident，Gecko，Presto，Webkit

JS引擎功能作用

最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。JavaScript 最初由网景公司的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。以它为基础，制定了ECMAScript

标准。JavaScript在浏览器的实现中还必须含有DOM和BOM。Web浏览器一般使用公共API来创建主机对象来负责将DOM对象反射进JavaScript。JS引擎负责对JavaScript进行解释、编译和执行，以使网页达到一些动态的效果。

主要的网页浏览器JavaScript引擎：

1）Mozilla

Rhino，由Mozilla基金会管理，开放源代码，完全以Java 编写。

SpiderMonkey，用于Mozilla Firefox 1.0～3.0版本。

TraceMonkey，用于Mozilla Firefox 3.5～3.6版本。

JägerMonkey，用于Mozilla Firefox 4.0以上版本。

2）Google

V8，开放源代码，由Google丹麦开发，是Google Chrome 的一部分。

3）微软

Chakra，中文译名为查克拉，用于Internet Explorer 9。

JScript 是由微软公司开发的活动脚本语言，是微软对ECMAScript规范的实现.IE 3.0-IE8.0使用的JS引擎

4）其它

KJS，KDE的ECMAScript/JavaScript引擎，最初由Harri Porten开发，用于KDE项目的Konqueror网页浏览器中。

Narcissus，开放源代码，由Brendan Eich编写（他也参与编写了第一个SpiderMonkey）。

Tamarin，由Adobe Labs编写，Flash Player 9所使用的引擎。

Nitro（原名SquirrelFish），为Safari 4编写。

Carakan，由Opera软件公司编写，自Opera10.50版本开始使用。