温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

好程序员web前端分享HTML5与HTML之间有什么区别?

发布时间:2020-07-20 21:58:05 来源:网络 阅读:155 作者:wx5da18b5c4b01e 栏目:开发技术

  好程序员web前端分享HTML5与HTML之间有什么区别?很多没有学过HTML5大前端的同学,对HTML5并不了解,经常会提出疑问:HTML5与传统HTML有什么区别?今天,就为大家讲一下两者比较明显几个区别。首先,HTML5已经远远超越了标记语言的范畴,它的设计目的是在移动设备上支持多媒体,和HTML比起来,深度和广度上都做了进一步提升。

  接着,我们来看一下两者的声明文件类型:

  HTML:1、<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN"

  "http://www.w3.org/TR/html4/strict.dtd">

  2、<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"

  3、"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  HTML5:<!DOCTYPEhtml>

  由上面可以看到,在文档声明上,HTML的声明代码很长很复杂,而HTML5的声明更为简单,方便记忆,所以HTML5要比HTML更有利于程序员的快速阅读和开发。

  此外,两者结构语义也有所不同。HTML没有结构语义化的标签,通常以<divid="header"></div>来命名,HTML5则增加了很多语义化的标签,比如:<header>、<nav>、<article>、<aside>、<footer>等,使代码结构清晰,更加具有可读性。

  HTML5新增了强大的绘图功能,通过绘画功能,加上JS可以实现动画以及图片。而HTML4.0却不行。在HTML5中,Canvas和SVG可以进行绘图,Canvas相当于一个画布,可以通过JavaScript来绘制2D图形,Canvas是逐像素进行渲染的。SVG是可伸缩矢量图形,用于定义网络的基于矢量的图形,SVG严格遵从XML语法,其图像文件可读并且易于修改和编辑,可以被搜索、索引、脚本化或者压缩。可以在任何分辨率下被高质量地打印。

  除了上述几点,强大的HTML5还新增了视频标签。这个功能是HTML4.0所不具备的,用HTML4.0插入视频需要很长一段代码,但是用HTML5就只需要video标签即可。

  发展到今天,HTML5的功能已经十分强大,放眼未来,HTML5的发展潜力不可限量。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI