HTML5基本语法

HTML5是HTML的最新一个版本。和上一个版本HTML4相对比,HTML5在语法上面发生了一些变化。但是为了浏览器的兼容性,HTML5还是兼容HTML4的符合web开发标准的语法。

下面我们看下HTML5的基本语法,以及针对HTML4做了哪些改变:

1、内容类型:

HTML5的文件扩展名和内容类型保持不变。例如,扩展名仍然为“html”或“.htm",内容类型 (ContentType)仍然为“text/html"。

2、文档类型:

DOCTYPE命令声明文档的类型,它和HTML4一样,是html文档必不可少的一部分,并且必须在文档代码的第一位。但是在HTML5当中对文档声明进行了简化,不需要像HTML4要进行版本声明:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

只需要:

<!DOCTYPE HTML>

3、字符编码:

在html4当中,使用meta元素定义文档使用的字符编码,如下:

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

但是在HTML5当中,对定义文档的字符编码进行了简化。写法如下:

<meta charset="UTF-8">

但是对于浏览器,两种方法都有效,因为HTML对html4的语法做了兼容。

4、结束标记的省略:

在HTML5当中,有的结束标记是可以省略的。在HTML5当中元素标记可以分为三种类型:

不允许写结束标记:比如,area.、base、 br、 col、 command、embed、hr、img、 input、 keygen、 link、meta、param、 source、track.、wbr等元素。

可以省略结束标记:比如,Ii、dt、dd、p、rt、rp、optgroup、option、coigroup、thead、tbody、tfoot、tr、td、th等元素。

可以省略全部标记:比如,html, head. body. colgroup. tbody等元素。

5、属性值:

在HTML5当中,属性值可以用双引号和单引号都可以。而且做了改进,假如属性值里面不含特殊符合,可以连双引号和单引号都可以省略。如下,三种方式都可以:

<input type="text">
<input type='text'>
<input type=text>