日期:2014-05-16  浏览次数:20757 次

HTML5学习笔记之二——HTML5与HTML4的区别(1)

?二者的区别包括以下几个方面:

1.语法的改变;

2.新增和废除的元素;

3.新增和废除的属性;

4.全局属性。

--------------------------------------------

一、语法的改变

1.HTML5中的标记方法

??? 1)内容类型(ContentType)

??????? HTML5的文件扩展符与内容类型都不变,即扩展符仍然为.html或者.htm,内容类型仍然为“text/html”;

??? 2)DOCTYPE声明

??????? HTML5中的DOCTYPE声明方法(不区分大小写,不区分引号是单引号还是双引号)如下:

?????? <!DOCTYPE html>

??? 3)指定字符编码

?????? 在HTML4中,使用meta元素的形式指定文件中的字符编码,如下:

??????? <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>

在HTML5中,可以使用对<meta>元素追加charset属性的方式来指定字符编码,如下:

<meta charset="UTF-8">

-----------------------------------------------

需要注意的是:两种方法单独使用都有效,但是不能同时混合使用两种方法。从HTML5开始,对于文件的字符编码推荐是UTF-8.

2.HTML5确保了与之前版本的兼容性

???? 1)可以省略标记的元素

在HTML5中,元素的标记可以省略。可分为“不允许写结束标记”,“可以省略结束标记”和“开始标记和结束标记全部可以省略”三种类型。

a)不允许写结束标记的元素,格式为<元素/>

??? area,base,br,col,command,embed,hr,img,input,keygen,link,meta,paran,source,track,wbr

b)可以省略结束标记的元素