• 技术文章 >web前端 >html教程

    HTML与HTML5有什么区别

    清浅清浅2021-04-18 14:01:08原创21105

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

    <body contextmenu=”new-menu”>
       <menu id=” new-menu” type=”context”>
       <menuitem>Hello!</menuitem>
       </menu>
      </body>

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

    <audio src="song.ogg" controls="controls">
             这是一首歌
    </audio>

    1.jpg

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

    Image 14.jpg

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

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

    以上就是HTML与HTML5有什么区别的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:HTML,HTML5
    上一篇:HTML点击按钮展开菜单的方法实现 下一篇:html下拉菜单怎么做
    PHP编程就业班

    相关文章推荐

    • 三个不常见的 HTML5 实用新特性简介_经验交流• javascript html5实现表单验证_javascript技巧• JavaScript+html5 canvas制作的圆中圆效果实例_javascript技巧

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网