Using SVG with HTML5 – part 001.

Scalable Vector Graphics (SVG) is a family of specifications of an XML-based file format for two-dimensional vector graphics, both static and dynamic, interactive or animated.
The first step is how to add the SVG file to html5 file. This can be done with the following these steps:
– using the HTML img tag;
– using the HTML object tag;
– using the HTML iframe tag;
– using CSS (background images);
– including SVG within SVG using the image tag;
– inlining the SVG code within HTML code.
These steps come from basic include file into html5 exception make the: including SVG within SVG.
Let’s see one example of: including SVG within SVG.
We have a square.svg and will put into another SVG file, see: