如何区分当前网页是HTML4 还是 HTML5_随笔

一般html4标准的文档和html5标准的文档类型是不同的，但是因为html5的文档类型声明是向下兼容的，所以现在即使不用html5中的新标签也会使用html5文档类型声明，但是可以作为一个简单的参考，另外可以通过代码中的标签来区分。

方法一：通过html声明简单的判断

html4的文档类型声明一般是：

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

html5的文档类型声明一般是：

<!DOCTYPE html>

方法二：通过看页面中的一些标签

一般中页面包含html5新标签的使使用了html5技术，如下图中的一些语义化布局标签等标签：

（1）HTML5支持SVG，画布和其他虚拟矢量图形，而在HTML中，只有将它与Flash，Silver-light等不同技术结合在一起才能使用矢量图形。

（2）HTML5使用Web SQL数据库，可用于临时存储数据但在HTML中只有浏览器缓存才可用于此目的。

（3）HTML5支持新的表单控件，例如：日期和时间，电子邮件，数字，范围，电话，网址，搜索等。

（4）HTML 5是否允许音频和视频控件以及标签，HTML不允许音频<audio>和video <video>标签。

（5）在HTML 5中，Doctype声明非常简单易用，Doctype声明在HTML中太长且复杂

（6）charset，async和ping的属性是HTML 5的一部分，HTML中不存在charset，async和ping等属性

（7）增强了对Web应用程序功能的支持：在HTML5允许浏览器作为应用程序平台运行不需要使用任何基于JS或Flash的方法，因为HTML5中固有的元素提供了所有功能。

（8）新增加的<menu>和<menuitem>元素是互动元素规格的成分，但不经常使用或开发者社区津津乐道。但是，这两个项目可用于确保增强的Web交互<menu>性。为简单起见，标签用于表示移动和桌面应用程序中的菜单命令。

查看页面源代码。HTML5提供了一些新的元素和属性，

例如<nav>（网站导航块）和<footer>。<audio>和<video>标记。

一些过时的HTML4标记将被取消。其中包括纯粹显示效果的标记，

如<font>和<center>，它们已经被CSS取代。

比较引人注目的是<canvas>标记。

在网页源代码中寻找查看HTML5特有的标签，如：<nav><audio>

欢迎分享，转载请注明来源：内存溢出

如何区分当前网页是HTML4 还是 HTML5