HTML5高级程序设计 第一章

应用程序编程接口

1.HTML5语法

1.字符编码

用于指定一个HTML5文档使用的是那种字符集，以便告诉浏览器应该使用哪种编码对文本进行存储或者通过网络进行传递。在HTML5中使用<meta>元素指定字符编码。

2.DOCTYPE文档类型

用于告诉浏览器应该使用什么样的文档类型来解析HTML文档。

3.SVG

称为可缩放矢量图形，用于表示二维矢量图形的一种格式。

4.应用程序编程接口

提供应用程序与开发人员基于某软件或硬件得以访问一组功能的能力，而访问又无需源码，或理解内部工作机制的细节。

5.兼容性

并不是所有浏览器都支持HTML5的新特性。解决方法：1.通过程序对User-Agent判断不同的浏览器显示不同的页面。2.使用JavaScript使不支持HTML5的浏览器支持HTML5标签。

2.元素选择方法

1.querySelector()方法

返回指定选择器或选择器组匹配的第一个HTML元素Element()。如找不到匹配项，则返回NULL。语法如下：

element=document.querySelector(selectors);

2.querySelectorAll()方法

返回指定的选择器组匹配的文档中的元素列表，返回的对象是NodeList, 语法如下：

elementList=document.quertSelectorAll(selectors);

3.事件绑定

addEventListener多次绑定

addEventListener添加事件接听器

removeEventListener删除事件接听器

setAttribute添加属性

4.Console对象

常见用途

1.调试程序，显示网页代码运行时的错误信息。

2.提供了一个命令行接口，用来与网页代码互动。

 console.log 输出信息

 console.error  错误

 console.warn   警告

 console.assert  断言