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>