本节书摘来自异步社区《web前端开发精品课 html与css进阶教程》一书中的第1章，第1.2节，作者： 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。
很多新手往往分不清html、xhtml和html5，这一节给大家详细讲解一下这三者的关系和区别。
1.2.1 html和xhtml
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主要区别如下。
1．xhtml标签必须闭合。
在xhtml中，所有标签必须闭合，例如"
'“
”等。此外，空标签也需要闭合，例如< br>要写成< br/>。
错误写法：< p >欢迎来到绿叶学习网
正确写法：< p >欢迎来到绿叶学习网 p >
2．xhtml标签以及属性必须小写。
在xhtml中，所有标签以及标签属性必须小写，不能大小写混合，也不能全部都是大写。不过标签的属性值可以大写。
错误写法：< body >< div > div > body >
正确写法：< body >< div > div > body >
3．xhtml标签属性必须用引号。
在xhtml中，标签属性值必须用引号括起来，单引号、双引号都可以。
4．xhtml标签用id属性代替name属性。
在xhtml中，除了表单元素之外的所有元素，都应该用id而不是name。
下面是一个完整的xhtml文档。
1.2.2 html5
html指的是html 4.01，xhtml是html的过渡版本，xhtml是xml风格的html 4.01。而html 5指的是下一代的html，也就是html 4.01的升级版。
不过html 5已经不再是单纯意义上的标签了，它已经远远超越了标签的范畴。html 5除了新增部分标签之外，还增加了一组技术，包括canvas、svg、websocket、本地存储等。这些新增的技术都是使用javascript来操作。也就是说，html 5使得html从一门“标记语言”转变为一门“编程语言”。
对于html 5中的新技术，在此不做详细介绍。单纯从新增的标签上来看，html 5有以下几个特点。
1．文档类型说明
基于html 5设计准则中的“化繁为简”原则，页面的文档类型被极大地简化了。
xhtml文档声明如下：
html5文档声明如下：
2．标签不再区分大小写
上面这种写法也是完全符合html5规范的。但是在实际开发中，建议所有标签以及属性都采用小写方式。
3．允许属性值不加引号
上面这种写法也是完全符合html5规范的。但是在实际开发中，建议标签所有属性值都加引号，单引号或双引号都可以。
4．允许部分属性的属性值省略
在html5中，部分具有特殊性属性的属性值是可以省略的。例如，下面代码是完全符合html 5规范的：
上面两句代码等价于：
在html 5中，可以省略属性值的属性如表1-1所示。
一句话概括html、xhtml和html 5就是：html指的是html 4.01，xhtml是html的过渡版，html 5是html的升级版。