HTML5+CSS3+JavaScript 从入门到项目实践（超值版）
上QQ阅读APP看书，第一时间看更新
上一章目录下一章

2.2 HTML 5的语法变化

HTML 5为了兼容互联网中不规则的代码，在语法上有一部分的变化，下面具体介绍。

2.2.1 标签不再区分大小写

标签不再区分大小写，代码如下：

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>标签不再区分大小写</title>
      </head>
      <body>
      <span>标签不再区分大小写</Span>
      </body>
      </html>

在IE浏览器中运行的结果如图2-1所示。

图2-1 标签不区分大小写

虽然“<span>标签不再区分大小写</Span>”中开始标签和结束标签不匹配，但是这完全符合HTML 5规范。用户可以通过W3C提供的在线验证页面来测试上面的网页，验证网址为http://validator.w3.org/。

2.2.2 元素可以省略结束标签

HTML 5显得比较宽容，它允许一部分HTML标签省略结束标签，甚至允许同时省略开始和结束标签，代码如下：

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>元素可以省略结束标签</title>
      </head>
      <h1>元素可以省略结束标签</h1>

在IE浏览器中运行的结果如图2-2所示。

图2-2 省略结束标签

虽然<html>标签没有结束标签，<body>开始标签和结束标签都没有，但这个页面是合法的。

2.2.3 支持boolean值的属性

在HTML中有一些元素的属性，当只写属性名称而不指定属性值时，表示属性值为true，如果设置该属性值为false，则不使用该属性即可，代码如下：

      <input type="text" readonly="true">
      <input type="text" readonly>

2.2.4 允许属性值不使用引号

在HTML 5中，属性值不使用引号也是正确的，代码如下：

      <body>
      <input type=text>
      <input type=checkbox>
      </body>

注意：如果某个属性值的属性值包含空格等，容易引起浏览器混淆的属性值，那么建议读者使用引号把它的属性值引起来。

上一章目录下一章