如何区分h5 和html,如何区别html和html5？从HTML文档声明说起。

许多小伙伴在学习前端的时候会了解到什么是HTML，但在互联网上冲浪的时候发现当前前端技术最火的并不是HTML，而是H5。于是很多小伙伴就开始纳闷了，到底什么是H5。其实啊，H5就是HTML5的意思，也就是第五代的HTML标准。那么如何区别HTML和HTML5呢？接下来小编告诉你。

先下结论，有的都是H5

没错，因为这是官方规定的，哪怕你的文档中夹杂着很多HTML5不再支持的代码，那也是HTML5。一切的一切，都要从xml说起。

HTML和xml的关系

HTML被称为超文本标记语言，而xml则被称为可拓展标记语言，其实他们是一家，他们都来自一门叫SGML(标准通用标记语言)。这门语言使用带有尖括号的标签来标记一些内容，于是借鉴他们，提出了专门用于展示的HTML和专门给机器使用的xml。为什么要在一篇介绍html的文章里介绍xml呢？因为html和xml是有相互借鉴的，其中HTML就有借鉴了xml的DTD，这个DTD就是确定HTML版本的关键。关于xml和html，他们产生了一点交集，那就是XHTML，他具有XML的严格标准和HTML的表现力(其实本质上还是html，只不过对标签的使用更加严格罢了)

HTML的DTD

DTD，中文解释为文档类型定义，在xml中用来定义标签的类型，而在早期的HTML中也存在这样的DTD，以下是一些HTML的DTD,可以看到，DTD中会携带版本类型，通过这个版本类型可以知道当前用的html是第几代的HTML(但是HTML5是个特例，他直接使用​html>​)。可以很简单的区分出HTML和HTML5。//用于XHTML 4.0 的严格型

-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

//用于XHTML 4.0 的过渡型

//用于XHTML 1.0 的严格型

//用于XHTML 1.0 的过渡型

HTML和H5的区别

从DTD上区分HTML和H5是一个简单的方法，但有些开发者因为各种原因，可能没有写DTD(浏览器会按照默认的方式去解析，比如如果浏览器默认按h5解析的话，哪怕代码是HTML4.0，也按照HTML5解析)，又或者贪图省事直接用H5的写法进行文档声明(HTML5是在之前的HTML基础上添加了一些新的元素，所以兼容大部分的旧元素)，这时候从DTD上就看不出了。其实还有一个最根本的方法。就是看标签。

DTD的作用是定义这个HTML文档可以使用哪些标签，而接下来的这种方法也是同理。有些标签是H5独有的(比如video,cavas,article)，而有些标签是H5废弃的(比如applet，center)。只要在代码中找到这些标签，就可以确定代码是不是HTML5。有两种特殊情况，一种是代码里完全没有出现这类特殊标签，即使用的标签是前后版本都有的，这种情况下你可以认为它是h5，也可以认为他是html4(或者其他版本)，但是不能说他不是h5(因为人家也遵循h5)。

另一种情况是代码里两种标签都有出现，这种情况只能说明开发人员水平尚待提高，或者项目需要维护了。

关于HTML5新增与废弃标签，可以参考HTML5参考手册

小结

其实对于初学者而言并不用太多纠结html和html5的关系与区别，现在大多数的前端教程教授的都是HTML5，被废弃的标签也很少见到了(虽然他们仍然可以生效，虽然后端开发的时候偶尔用这种标签会比较轻松)，所以并不用担心自己学的是过时的技能，也不用担心自己不会H5会不会影响到以后找工作。因为当你学习HTML5时，你会发现——很多标签就是换了个名(标签语义化)，实际要学的新标签只有一部分。等到这个时候，你就会发现为啥小编说不用纠结html和h5的区别了。

到HTML5基础入门课程，了解更多H5知识。