HTML5中Canvas和SVG网页绘制图形的区别？
Canvas 和 SVG 都允许在浏览器中创建图形，但是它们在根本上是不同的。
Canvas
描述：
通过Javascript来绘制2D图形。
是逐像素进行渲染的。
其位置发生改变，会重新进行绘制。
SVG
描述：
一种使用XML描述的2D图形的语言
SVG基于XML意味着，SVG DOM中的每个元素都是可用的，可以为某个元素附加Javascript事件处理器。
在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。
比较
Canvas
依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏，其中的许多对象会被频繁重绘
SVG
不依赖分辨率
支持事件处理器
最适合带有大型渲染区域的应用程序（比如谷歌地图）
复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
不适合游戏应用
h5产品是什么？
H5又叫互动H5，相当于微信上的PPT，主要时用于品牌方传播和推广的载体。
H5是指：在智能手机可以播放Flash的移动端上呈现的，可以达到Flash效果（如各种动画，互动）的，用于广告、营销的，具有酷炫效果的网页。
H5从2014年底的初露锋芒到2015年的全面火爆，再到2016的沉淀，2017年，H5依然是品牌社会化传播的首选。H5通俗点就是一种编程语言，H5很早以前就存在，由于微信迅速的崛起，H5语言编写的界面和微信浏览器比较兼容，故此H5借助微信也越来越红火。
HTML5的canvas元素可以实现画布功能，该元素通过自带的API结合使用JavaScript脚本语言在网页上绘制图形和处理，拥有实现绘制线条、弧线以及矩形，用样式和颜色填充区域，书写样式化文本，以及添加图像的方法，且使用JavaScript可以控制其每一个像素。
HTML5最大特色之一就是支持音频视频，在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持，只要在Web网页中嵌入这两个标签，而无需第三方插件（如Flash）就可以实现音视频的播放功能。
video标签添加高度和宽度的时候加不加单位
在使用video标签添加高度和宽度的时候，我们需要加上单位。虽然在HTML5中的规范中可以不加单位，但是为了保证在不同浏览器和设备中能够一致地显示视频，我们仍然建议加上单位。常见的单位包括像素（px）、百分比（%）等。
在设定高度和宽度时，如果使用百分比，则可以根据父元素的大小来动态调整视频的大小，这样可以更好地适配不同屏幕尺寸的设备。所以在实际应用中，我们应该添加合适的单位来确保视频可以在各种环境下正确显示。
天津web前端培训学的内容都有什么东西？
在互联网IT编程开发设计培训类课程中，Web前端培训开发相对而言是比较简单，并且工作以及发展前景都是比较不错的，因此许多想要转行的情况下都比较偏重web前端培训学习。那麼Web前端培训內容是什么?小编今天就为大家来简单的来解答一下。
综合来讲，Web前端培训分为HTML5+CSS3、JS交互设计、移动端、服务器、前端框架、小程序六大模块，下面就为大家具体介绍每个阶段学什么。
第一阶段前端核心基础，让学员掌握前端基础知识包括HTML5与CSS的基础知识和代码的撰写会学习PC端网站布局以及jQuery框架。
第二阶段HTML5 + CSS3 + 移动端核心，HTML+css3新特性，css进阶，CSS3实例演练完成页面特效的制作。
第三阶段移动端，会学到CSS像素与物理像素的关系，布局视口，移动端适配，移动端特效滑屏、滚动以及点触等。
第四阶段服务器端，服务器端开发Node，数据库操作，前后端交互核心，微信公众号开发。
第五阶段JavaScript高级
第六阶段前端框架中，会学习前端高级框架Vue、React、Angular，让学员会使用主流框架开发门户网站、管理系统等相关知识。
第七阶段小程序开发，将学习微信小程序、开发工具使用，原生小程序API使用，小程序框架Mpvue应用。
2020web前端学习路线图：