Which HTML element allows inline SVG graphics to be embedded in an HTML document?

Which HTML element allows inline SVG graphics to be embedded in an HTML document?

• A. <img>
• B. <canvas>
• C. <object>
• D. <svg>

Answer: (D)

The key idea is that inline SVG markup is embedded directly in the HTML using its own SVG container. The SVG element defines the SVG namespace and serves as the root for all vector graphic content you place inside it, like rectangles, circles, paths, and more. Because it’s actual markup inside the HTML, it becomes part of the DOM, so you can style its parts with CSS and interact with them via JavaScript, and the graphics scale cleanly with the page. Other options treat SVG differently: an image element can display an external SVG file but you don’t get access to or visibility of the internal SVG nodes for styling or scripting. A canvas is for programmatically drawing pixels with JavaScript, not for embedding existing SVG markup. An object element can embed external content, including SVG, but that content isn’t inline markup within the HTML document itself. So, using the SVG element is the correct choice because it directly embeds inline SVG graphics as part of the HTML document.

The key idea is that inline SVG markup is embedded directly in the HTML using its own SVG container. The SVG element defines the SVG namespace and serves as the root for all vector graphic content you place inside it, like rectangles, circles, paths, and more. Because it’s actual markup inside the HTML, it becomes part of the DOM, so you can style its parts with CSS and interact with them via JavaScript, and the graphics scale cleanly with the page.

Other options treat SVG differently: an image element can display an external SVG file but you don’t get access to or visibility of the internal SVG nodes for styling or scripting. A canvas is for programmatically drawing pixels with JavaScript, not for embedding existing SVG markup. An object element can embed external content, including SVG, but that content isn’t inline markup within the HTML document itself.

So, using the SVG element is the correct choice because it directly embeds inline SVG graphics as part of the HTML document.