
Responsive Web Design with HTML5 and CSS
By :

There are a number of things that you can do with SVG images that you can’t do with normal image formats (JPEG, GIF, and PNG). The range of what’s possible is largely dependent on the way that the SVG is inserted into the page.
So, before we get to what we can actually do with SVGs, we’ll consider the various ways we can actually get them on the page in the first place.
The most straightforward way to use an SVG graphic is exactly how you would insert any image into an HTML document. We just use a good ol’ img
tag:
<img src="mySconeVector.svg" alt="Amazing line art of a scone" />
This makes the SVG behave more or less like any other image. There isn’t much else to say about that.
The object
tag is the container recommended by the W3C for holding non-HTML content in a web page (the specification for object
is here: https:...