下载掌阅APP，畅读海量书库
立即打开
很多新手往往分不清HTML、XHTML和HTML5，这一节给大家详细讲解一下这三者的关系和区别。
HTML，全称HyperText Mark-up Language（超文本标记语言），是构成网页文档的主要语言。我们常说的HTML指的是HTML 4.01。
XHTML，全称EXtensible HyperText Mark-up Language（扩展的超文本标记语言），它是XML风格的HTML 4.01，我们可以称之为更严格、更纯净的HTML 4.01。
HTML语法书写比较松散，利于开发者编写。但是对于机器，如电脑、手机等来说，语法越松散，处理起来越困难。因此为了让机器更好地处理HTML，我们才在HTML基础上引入了XHTML。
XHTML相对于HTML来说，在语法上更加严格。XHTML和HTML主要区别如下。
在XHTML中，所有标签必须闭合，例如“<p></p>”“<div></div>”等。此外，空标签也需要闭合，例如<br>要写成<br/>。
错误写法：<p>欢迎来到绿叶学习网
正确写法：<p>欢迎来到绿叶学习网</p>
在XHTML中，所有标签以及标签属性必须小写，不能大小写混合，也不能全部都是大写。不过标签的属性值可以大写。
错误写法：<Body><DIV></DIV></Body>
正确写法：<body><div></div></body>
在XHTML中，标签属性值必须用引号括起来，单引号、双引号都可以。
错误写法：<input id=txt type=text/>
正确写法：<input id="txt" type="text"/>
在XHTML中，除了表单元素之外的所有元素，都应该用id而不是name。
错误写法：<div name="wrapper"></div>
正确写法：<div id="wrapper"></div>
下面是一个完整的XHTML文档。
HTML指的是HTML 4.01，XHTML是HTML的过渡版本，XHTML是XML风格的HTML 4.01。而HTML 5指的是下一代的HTML，也就是HTML4.01的升级版。
不过HTML 5已经不再是单纯意义上的标签了，它已经远远超越了标签的范畴。HTML 5除了新增部分标签之外，还增加了一组技术，包括canvas、SVG、WebSocket、本地存储等。这些新增的技术都是使用JavaScript来操作。也就是说，HTML 5使得HTML从一门“标记语言”转变为一门“编程语言”。
对于HTML 5中的新技术，在此不做详细介绍。单纯从新增的标签上来看，HTML 5有以下几个特点。
基于HTML 5设计准则中的“化繁为简”原则，页面的文档类型<!DOCTYPE>被极大地简化了。
XHTML文档声明如下：
HTML5文档声明如下：
上面这种写法也是完全符合HTML5规范的。但是在实际开发中，建议所有标签以及属性都采用小写方式。
上面这种写法也是完全符合HTML5规范的。但是在实际开发中，建议标签所有属性值都加引号，单引号或双引号都可以。
在HTML5中，部分具有特殊性属性的属性值是可以省略的。例如，下面代码是完全符合HTML 5规范的：
上面两句代码等价于：
在HTML 5中，可以省略属性值的属性如表1-1所示。
表1-1 HTML5中可以省略属性值的属性
一句话概括HTML、XHTML和HTML 5就是：HTML指的是HTML 4.01，XHTML是HTML的过渡版，HTML 5是HTML的升级版。