What is SVG?

SVG graphics do NOT lose any quality if they are zoomed or resized.
Every element and every attribute in SVG files can be animated.
SVG is a W3C recommendation.
SVG stands for Scalable Vector Graphics.
SVG is used to define vector-based graphics for the Web.
SVG defines the graphics in XML format.
SVG Advantages

There are given below advantages of using SVG over other image formats are:

SVG images can be created and edited with any text editor
SVG images are zoomable .
Low text rendering capabilities.
We save resulting image as .jpg and .png
Well suited for graphic-intensive games.
It is Resolution dependent.
No support for event handlers.
SVG images can be searched, indexed, scripted, and compressed.
SVG images are scalable.
SVG images can be printed with high quality at any resolution.
Canvas
It is not appropriate for game applications
It is best for applications with large rendering areas (Google Maps)
If application is complex, it results in slow rendering
It is resolution independent
It Supports for event handlers.
Browser Support

They support all browsers.

New tags introduced in html5 for audio and video support extensibility
Tag Description
<embed> Defines an embedded object
<source> Defines multiple media resources for media elements- we can use it both for audio and video
<track> Defines text tracks for media elements- we can use it both for audio and video
<object> Defines an embedded object
<param> Defines a parameter for an object
<audio> Defines sound content
<video> Defines a video or movie

Difference between svg and canvass in html5

HTML5 TUTORIAL