HTML5CSS3权威指南(第二讲).ppt

HTML5CSS3权威指南 第二章 HTML 5与HTML 4的区别 第二章 HTML 5与HTML 4的区别 2.1 HTML 5的语法变化 2.2 HTML 5中的标记方法 2.3 HTML 5确保了与之前HTML版本的兼容性 2.4 HTML5新增的结构元素 2.5 HTML5新增的其他元素 2.6 HTML5 新增的input元素的类型 2.7 HTML5 废除的元素 2.8 HTML5 新增的属性 2.9 HTML5 废除的属性 2.10 HTML5全局属性 2.1 HTML 5的语法变化 与HTML 4相比，HTML 5在语法上发生了很大的变化。可能有很多人会有疑问，“之前的HTML已经相当普及了！”，“如果改变基础语法，会产生什么影响？”等。 但是，HTML 5中的语法变化，与其他开发语言中的语法变化在根本意义上有所不同。它的变化，正是因为在HTML 5之前几乎没有符合标准规范的Web浏览器！ HTML的语法是在SGML（Standard Generalized Markup Language）语言的基础上建立起来的。但是SGML语法非常复杂，要开发能够解析SGML语法的程序也很不容易，所以很多浏览器都不包含SGML的分析器。因此，虽然HTML基本上遵从SGML的语法，但是对于HTML的执行在各浏览器之间并没有一个统一的标准。 在这种情况下，各浏览器之间的互兼容性和互操作性在很大程度上取决于网站或网络应用程序的开发者们在开发上所做的共同努力，而浏览器本身始终是存在缺陷的 如上所述，在HTML 5中提高Web浏览器之间的兼容性是它的一个很大的目标，为了确保兼容性，就要有一个统一的标准。因此，在HTML 5中，就围绕着这个Web标准，重新定义了一套在现有的HTML的基础上修改而来的语法，使它运行在各浏览器时各浏览器都能够符合这个通用标准。 因为关于HTML 5语法解析的算法也都提供了详细的记载，所以各Web浏览器的供应商们可以把HTML 5分析器集中封装在自己的浏览器中。最新的Firefox（默认为4.0以后的版本）与WebKit浏览器引擎中都迅速地封装了供HTML 5使用的分析器，IE（Internet Explorer）与Opera也在努力加快对于HTML 5的支持—浏览器兼容性的提高指日可待。 接下来，让我们具体看一下在HTML 5中，到底对语法进行了哪些改变。 2.2 HTML 5中的标记方法 首先，让我们来看一下在HTML 5中的标记方法。 1. 内容类型（ContentType） 首先，HTML 5的文件扩展符与内容类型保持不变。也就是说，扩展符仍然为“.html”或“.htm”，内容类型（ContentType）仍然为“text/html”。 2. DOCTYPE声明 DOCTYPE声明是HTML文件中必不可少的，它位于文件第一行。在HTML 4中，它的声明方法如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd 在HTML 5中，刻意不使用版本声明，一份文档将会适用于所有版本的HTML。HTML 5中的DOCTYPE声明方法（不区分大小写）如下： !DOCTYPE html 2.2 HTML 5中的标记方法 另外，当使用工具时，也可以在DOCTYPE声明方式中加入SYSTEM识别符，声明方法如下面的代码所示： !DOCTYPE HTML SYSTEM about:legacy-compat 在HTML 5中像这样的DOCTYPE声明方式是允许的（不区分大小写,引号不区分是单引号还是双引号） 3. 指定字符编码 在HTML 4中，使用meta元素的形式指定文件中的字符编码，如下所示： meta http-equiv=Content-Type content=text/html;charset=UTF-8 在HTML 5中，可以使用对 元素直接追加charset属性的方式来指定字符编码，如下所示： meta charset=UTF-8 两种方法都有效，可以继续使用前面一种方式（通过content元素的属性来指定），但是不能同时混合使用两种方式。在以前的网站代码中可能会存在下面代码所示的标记方式，但在HTML 5中，这种字符编码方式将被认为是错误的，这一点请注意：meta charset=UTF-8 http-equiv=Content-Type content=text/html;charset=UTF-8 2.3 HTML 5确保了与之前HTML版本的兼容性 HTML 5的语法是为了保证与之前的H