浅谈HTML5和HTML的差距表现有几点-群英

上一篇：HTML5中怎样绘制图形、设置元素阴影，旋转和过渡效果下一篇：HTML5中的doctype是什么意思，有何作用

这篇文章我们来了解“浅谈HTML5和HTML的差距表现有几点”的内容，小编通过实际的案例向大家展示了操作过程，简单易懂，有需要的朋友可以参考了解看看，那么接下来就跟随小编的思路来往下学习吧，希望对大家学习或工作能有帮助。

很多人可能因为HTML5了解到编程网页，毕竟它是在我们上网时或者刷朋友圈时经常能够遇到的页面，并且自己还能制作HTML5页面。或许大家也有疑问HTML5后面的5是什么意思，它与HTML又有什么区别？

其实HTML5就是HTML的第五代产品，研发HTML5为了适应移动互联网应用下的一些需求，HTML5和HTML比起来，深度HTML5和广度上都做了进一步提升。在HTML5出现之前的产品开发针对不同平台像是pc端，ios端，Android端等都是要分开进行编码开发的，而后期的维护同样也是要分开进行。但HTML5的横空出世打破了这个局面，不再需要分开编码开发或者维护了，只需要按照HTML5的标准就可以在各个平台顺利运行，不单把工作效率大大提高了，同时也为开发节省了不少成本。除此之外HTML5和HTML还有以下几点差距:

两者结构语义有所不同

HTML没有结构语义化的标签，HTML5则增加了很多语义化的标签，使代码结构清晰，更加具有可读性。

HTML5新增了强大的绘图功能。

有些动画，或者图片，在HTML5可以通过绘画功能，加上JS可以实现。而在HTML4.0却不行。在HTML5中，Canvas和SVG是可以进行绘图的。Canvas相当于一个画布，但它本身不具备画图能力，可以通过JavaScript来绘制2D图形，Canvas 是逐像素进行渲染的。SVG是可伸缩矢量图形，用于定义网络的基于矢量的图形。

HTML5新增了视屏标签

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

到此这篇关于“浅谈HTML5和HTML的差距表现有几点”的文章就介绍到这了,更多相关浅谈HTML5和HTML的差距表现有几点内容，欢迎关注群英网络技术资讯频道，小编将为大家输出更多高质量的实用文章！