如何区分html和html5？html5的标签有哪些

编程之家2026-06-131180次浏览

大家好，今天来为大家解答如何区分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>性。为简单起见，标签用于表示移动和桌面应用程序中的菜单命令。

区分：

1、在文档声明上，html有很长的一段代码，并且很难记住这段代码，都是靠工具直接生成，而html5却是不同，只有简简单单的声明，也方便人们的记忆，更加精简。

2、在结构语义上；html4.0没有体现结构语义化的标签，这样表示网站的头部。html5在语义上却有很大的优势。提供了一些新的html5标签。

html5和html4有以下九种地方不同，可以分辨出网页是html5还是html4语言编写的：

1、简化的语法

HTML5简化了很多细微的语法，例如doctype的声明，你只需要写<!doctype html>就行了。HTML5与HTML5，XHTML1兼容，但是与SGML不兼容。

2、HTML5<canvas>标签替代Flash

Flash给很多Web开发者带来了麻烦，要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互。虽然目前<canvas>标签还不能实现Flash的所有功能，但是很快<canvas>就会让 Flash看起来老土，哈哈！

3、HTML5新增<header>和<footer>标签

HTML5设计的一个原则是更好的体现网站的语义性，所以增加了<header>和<footer>这样的标签，用来明确表示网页的结构。

4、HTML5新增<section>和<article>标签

与<header>,<footer>类似，<section>和<article>也有利于清晰化网页的结构，更有利于SEO。

5、HTML5新增<menu>和<figure>标签

<menu>可以被用于创建传统的菜单，也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。

6、HTML5新增<audio>和<video>标签

这两个标签可能是HTML5里面最有用的两个标签了。顾名思义，这两个标签是用来播放音频和视频的。

7、全新的表单

HTML5对<form>和<forminput>标签进行了大量修改，添加了很多新的属性，也修改了很多属性。

8、HTML5删除<b>和<font>标签

8、HTML5删除了<frame>,<center>,<big>标签

好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！