Which markup type is used to embed scalable vector graphics that can be styled with CSS and scripted with JavaScript?

Which markup type is used to embed scalable vector graphics that can be styled with CSS and scripted with JavaScript?

• A. AppCache
• B. SVG
• C. LocalStorage
• D. Canvas API

Answer: (B)

SVG is the markup type that embeds scalable vector graphics directly into a web page. It defines graphics as XML markup, which becomes part of the DOM, so each shape or element can be styled with CSS—changing colors, strokes, or visibility—and manipulated with JavaScript, enabling interactive graphics. This combination of markup, CSS styling, and scriptability is what makes SVG ideal for scalable vector graphics. In contrast, AppCache is for offline caching, LocalStorage stores simple data, and the Canvas API draws on a bitmap with JavaScript but doesn’t expose individual graphics as DOM elements to style or script in the same way.

SVG is the markup type that embeds scalable vector graphics directly into a web page. It defines graphics as XML markup, which becomes part of the DOM, so each shape or element can be styled with CSS—changing colors, strokes, or visibility—and manipulated with JavaScript, enabling interactive graphics. This combination of markup, CSS styling, and scriptability is what makes SVG ideal for scalable vector graphics. In contrast, AppCache is for offline caching, LocalStorage stores simple data, and the Canvas API draws on a bitmap with JavaScript but doesn’t expose individual graphics as DOM elements to style or script in the same way.