Using SVG in HTML

So far in this book, you've been exposed to the fundamental building blocks of SVG: the features and functionality that are defined in the SVG specification itself. While SVG can, and does, live on its own, it really shines when it's unleashed on the modern web. The web now is a multiple-device, multiple form-factor, and multiple connection speed environment, and SVG helps to solve many thorny problems facing the modern web developer. To that end, the next few chapters will focus on integrating SVG with other core technologies: HTML, CSS, and JavaScript. This chapter is very much straightforward and focuses on working with SVG inside the context of an HTML document. Everything on the web starts with HTML, so making sure your SVG is happy inside your HTML is the way to go. 

You have already learned about the basics of inserting SVG into your HTML...