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

    html和html5有什么区别

    青灯夜游青灯夜游2021-10-29 17:28:07原创47

    区别:1、HTML的文档类型声明长而复杂,而HTML5的文档声明相对来说更为简便,有利于程序员快速阅读和开发;2、HTML5支持SVG、画布和其他虚拟矢量图形,而HTML不支持;3、HTML本身不支持音频和视频,而HTML5支持等等。

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    HTML

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

    HTML5

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

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

    html和html5的区别

    1、文档类型声明区别

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

    HTML文档的类型声明为:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    //或
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    HTML5文档的类型声明为:

    <!DOCTYPE html>

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

    2、矢量图形的区别

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

    3、音频和视频支持的区别

    HTML如果不使用Flash播放器支持,它不支持音频和视频。HTML5使用<audio>和<video>标签来支持音频和视频控制。

    4、结构语义区别

    html:没有体现结构语义化的标签,如:<div id="nav"></div>

    html5:添加了许多具有语义化的标签,如:<article>、<aside>、<audio>、<bdi>...

    相对于HTML,HTML5中新增和修改了一些元素。

    5、语法的处理

    HTML无法处理不准确的语法;HTML5能够处理不准确的语法。

    6、HTML5新增了新的表单控件,例如:日期和时间,电子邮件,数字,范围,电话,网址,搜索等。

    7、charset,async和ping的属性是HTML 5的一部分,HTML中不存在charset,async和ping等属性

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

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

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

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html html5
    上一篇:html如何显示图片 下一篇:html5如何播放视频
    大前端线上培训班

    相关文章推荐

    • HTML5 canvas如何绘制酷炫能量线条效果(附代码)• 教你用HTML5画一个馋人的西瓜• html5篇:实现页面跳转的5种方式(代码分享)• HTML5+CSS3动态画出一个大象• 如何使用HTML5+CSS3动态画一个笑脸• html5 app开发框架有哪些

    全部评论我要评论

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

    PHP中文网