1.4 HTML5语法的新变化_HTML5+CSS3+jQuery Mobile+Bootstrap开发APP从入门到精通（视频教学版）-QQ阅读中文幻言网

上QQ阅读APP看书，第一时间看更新

1.4 HTML5语法的新变化

为了兼容各个不统一的页面代码，HTML5的设计在语法方面做了以下变化。

标签不再区分大小写是HTML5语法变化的重要体现。例如：

<!DOCTYPE html>
<html>
<head>
<title>不再区别大小写标签</title>
</head>
<BODY>
人到情多情转薄，而今真个不多情。
</body>
</html>

在IE 11.0浏览器中预览，效果如图1-11所示。

图1-11 网页预览效果

虽然“<BODY>人到情多情转薄，而今真个不多情。</body>”中开始标记和结束标记不匹配，但是这完全符合HTML5的规范。用户可以通过W3C提供的在线验证页面来测试上面的网页，验证网址为http://validator.w3.org/。

在HTML5中，属性值不放在引号中也是正确的。例如以下代码片段：

<input checked="a" type="checkbox"/>
<input readonly type="text"/>
<input disabled="a" type="text"/>

上述代码片段与下面的代码片段效果是一样的：

<input checked=a type=checkbox/>
<input readonly type=text/>
<input disabled=a type=text/>

注意，尽管HTML5允许属性值可以不使用引号，但是仍然建议读者加上引号。因为如果某个属性的属性值中包含空格等，则很容易引起混淆的属性值，此时可能会引起浏览器的误解。例如以下代码：

<img src=ss ch01/1.1.jpg />

此时浏览器就会误以为src属性的值就是ss，这样将无法解析路径中的01.jpg图片。如果想正确解析到图片的位置，就只有添加上引号。

在HTML5中，部分标志性属性的属性值可以省略。例如以下代码是完全符合HTML5规则的：

<input checked type="checkbox"/>
<input readonly type="text"/>

其中checked="checked"省略为checked，而readonly="readonly"省略为readonly。

在HTML5中，可以省略属性值的属性如表1-3所示。

表1-3 可以省略属性值的属性