• 技术文章 >web前端 >前端问答

    html和html5是什么关系

    青灯夜游青灯夜游2022-01-27 11:56:55原创226

    html是一种标记语言,而html5是对HTML标准的第五次修订,是HTML、XHTML以及HTML DOM的新标准,其在HTML标准的基础上新增了header、footer、nav、section等标签和一系列API。

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

    html和html5的关系

    HTML,即超文本标记语言(Hyper Text Markup Language),是为网页创建和其它可在网页浏览器中看到的信息设计的一种标记语言,专门用来设计和编辑网页。

    而HTML5 是对 HTML 标准的第五次修订,是HTML最新的修订版本,是HTML、XHTML以及HTML DOM 的新标准,2014年10月由万维网联盟(W3C)完成标准制定。

    html5是在HTML标准的基础上新增了header、footer、nav、section等标签和一系列API。

    HTML5还指定了可以与JavaScript和CSS3一起使用的各种脚本API。以下只是其中的一部分:拖放、地理定位、应用程序缓存、本地存储、网络工作者、SSE(服务器发送事件)

    总而言之,HTML5是迄今为止先进的HTML标准版本,它的发明为开发者和设计者带来了一个多媒体可能性的全新世界。

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

    【推荐课程:HTML5视频教程

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html html5
    上一篇:php和html5是一种语言吗 下一篇:ecmascript有哪几个版本
    PHP编程就业班

    相关文章推荐

    • 本地数据库是html5新特性吗• html5和css3中怎样设置图片的翻转• html5页面输出方式有哪几种• html5引入了什么新属性• html5怎样设置表格边框线不同颜色• html5行间距是什么表示

    全部评论我要评论

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

    PHP中文网