如何区分html和html5,如何区分html与html5

如何区分 html 和 html5

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

　1、简化的语法

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

2、HTML5canvas标签替代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 标签

相关问答

Q1: 学习前端html与html5有什么区别？

区别不大。 HTML5是HTML标准，是一项标准化协议。

HTML代表超文本标记语言，用于使用标记语言设计网页。HTML是超文本和标记语言的组合，超文本定义了网页之间的链接；标记语言用于定义标记内的文本文档，该文档定义网页的结构。此语言用于注释（在计算机注释中）文本，以便机器可以理解它并相应地操作文本。

大多数标记（例如HTML）语言都是人类可读的。该语言使用标签来定义必须对文本进行哪些操作。它用于在网页上构造和呈现内容。

通俗来说，HTML5是HTML的第五个版本，HTML5中删除或修改了许多元素。

HTML代表超文本标记语言，用于使用标记语言设计网页。HTML是超文本和标记语言的组合，超文本定义了网页之间的链接；标记语言用于定义标记内的文本文档，该文档定义网页的结构。此语言用于注释（在计算机注释中）文本，以便机器可以理解它并相应地操作文本。

大多数标记（例如HTML）语言都是人类可读的。该语言使用标签来定义必须对文本进行哪些操作。它用于在网页上构造和呈现内容。

HTML5是HTML的第五个版本，HTML5中删除或修改了许多元素。

Q2: 如何区分 HTML 和 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性。为简单起见，标签用于表示移动和桌面应用程序中的菜单命令。

Q3: html5和html有什么区别啊？

1、文档声明区别：

HTML：超文本标记语言，一种纯文本类型的语言。

HTML5.0：文档声明HTML5方便书写，精简，有利于程序员快速的阅读和开发。

2、结构语义区别

html：没有体现结构语义化的标签，如：div id="nav"/div

html5：添加了许多具有语义化的标签，如：article、aside、audio、bdi...

3、绘图区别

HTML：指可伸缩矢量图形，用于定义网络的基于矢量的图形。

HTML5：HTML5的canvas元素使用脚本（通常使用JavaScript）在网页上绘制图像，可以控制画布每一个像素。

扩展资料

HTML5的特征

1、语义特性（Class：Semantic）

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

2、本地存储特性（Class: OFFLINE STORAGE）

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。

参考资料

百度百科-HTML5

Q4: html5和html有什么区别

html5是对html的第五次重大修改。html5继承了html所有的语法，所以html5与html的差异是以下这些html5的新特性：

1、语义特性

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

2、本地存储特性

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。

3、设备兼容特性

从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

4、连接特性

更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据推送到客户端的功能。

5、网页多媒体特性

支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。

6、三维、图形及特效特性

基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。

7、性能与集成特性

没有用户会永远等待你的Loading。HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。

8、CSS3特性

在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式也提供了更高的灵活性和控制性。

扩展资料：

HTML5的优势：

1、提高可用性和改进用户的友好体验。

2、有几个新的标签，这将有助开发人员定义重要的内容。

3、可以给站点带来更多的多媒体元素(视频和音频)。

4、可以很好的替代FLASH和Silverlight。

5、当涉及到网站的抓取和索引的时候，对于SEO很友好。

6、将被大量应用于移动应用程序和游戏。

参考资料来源：百度百科-html5