HTML与HTML5有什么区别


本文摘自PHP中文网,作者清浅,侵删。

HTML与HTML5的区别有:1、HTML5支持SVG,而在HTML中只有将它与Flash等不同技术结合在一起才能使用矢量图形;2、HTML5使用Web SQL库,而HTML中只有浏览器缓存才可用于此目的;3、HTML5支持新的表单控件等。

本文操作环境:Windows7系统、Dell G3电脑、HTML5版。

HTML

HTML被称为超文本标记语言,大多数网页都是用HTML代码来编写的。通过HTML,开发人员可以确切地确定多媒体,文本和超链接在Web浏览器中的显示方式。在HTML中,标签用于定义文本结构; 标签和元素使用<>字符定义,浏览器主要负责通过这些标签呈现网页内容。但是随着时间的推移,用于定义文档样式的标签几乎已经被弃用,因为我们已经开始喜欢用样式表增加网页的丰富性,只有内容定义标签仍然形成核心HTML。

HTML5

随着时间的推移,HTML已经出现了许多更新,目前最新的HTML版本是HTML5。它仍然是一种标记语言,但它为原始的HTML添加了许多功能,并且消除了XHTML中存在的一些严格性。它大大的改善了用户体验。

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>性。为简单起见,标签用于表示移动和桌面应用程序中的菜单命令。

1

2

3

4

5

<body contextmenu=”new-menu”>

   <menu id=” new-menu” type=”context”>

   <menuitem>Hello!</menuitem>

   </menu>

  </body>

例:利用HTML5中的新元素在网页上插入一首歌和一个视频

1

2

3

<audio src="song.ogg" controls="controls">

         这是一首歌

</audio>

1.jpg

1

2

<video src="movie01.mp4"  width="100" height="100" controls="controls">

</video>

Image 14.jpg

【推荐课程:HTML课程HTML5课程

总结:以上就是本篇文章的全部内容了,希望对大家有所帮助。

以上就是HTML与HTML5有什么区别的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html5上传图片ios系统和android系统下均显示摄像头拍照和图片选择

canvas画直角坐标系

Html文档的基本结构由哪三对标签负责组织

实例教你使用关于Html strike标签的使用方法

h5的组织内容如何使用

Html的内联元素和块级元素有哪些不同

详解Html5使用dom进行自定义控制示例代码

Html meta标签使用及属性的详细分析

Html的<select>标签怎么使用

Html如何改变字体颜色

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...