Which HTML element is used to embed vector graphics directly in the document?

Which HTML element is used to embed vector graphics directly in the document?

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

Answer: (B)

Inline SVG is the way to embed vector graphics directly in the HTML document. SVG, which stands for Scalable Vector Graphics, uses XML markup to describe shapes, paths, text, and colors. Because these are vector descriptions, the graphics scale cleanly to any size without pixelation, and you can style and animate them with CSS and JavaScript right from the page. This inline approach is different from a canvas, where you draw pixels with code and lose the original vector structure, and from an image element, which simply references an external file rather than containing the vector markup inline.

Inline SVG is the way to embed vector graphics directly in the HTML document. SVG, which stands for Scalable Vector Graphics, uses XML markup to describe shapes, paths, text, and colors. Because these are vector descriptions, the graphics scale cleanly to any size without pixelation, and you can style and animate them with CSS and JavaScript right from the page. This inline approach is different from a canvas, where you draw pixels with code and lose the original vector structure, and from an image element, which simply references an external file rather than containing the vector markup inline.