Additional details on inline SVG in an HTML document

As you've already learned, using inline SVG is just about as straightforward as HTML markup and is often going to be the best (or only, in the case of interactive SVG) option for you to embed SVG into your documents. That said, as with anything on the web, there are always some edge cases, notes, and gotchas that you need to keep in mind when working with inline SVG. This section outlines two such concerns. The first is about trying to leverage the browser's cache and the other is to be aware of the potentially large increase in DOM complexity when working with SVG. 

Caching

Unlike an SVG image linked to as the src of an img element or...