Which pair of elements are used together to create an image map?

Which pair of elements are used together to create an image map?

• A. <map> and <area>
• B. <div> and <span>
• C. <canvas> and <svg>
• D. <nav> and <a>

Answer: (A)

Image maps let you define multiple clickable regions on a single image. To create one, you pair a map element with several area elements. The image uses the usemap attribute to reference the map by name, connecting the image to the set of hotspots. Inside the map, each area defines a hotspot with a shape (rect, circle, or polygon), coordinates that specify the region, and a destination via href. This combination of a map containing area definitions and the image linking to that map is what makes an image map possible. The other options don’t provide the mechanism for defining multiple hotspots on an image: generic containers like div or span aren’t hotspots; canvas and svg are drawing/graphics tools, not the simple image-map mechanism; navigation elements like nav and a are for page navigation, not defining image-based hotspots.

Image maps let you define multiple clickable regions on a single image. To create one, you pair a map element with several area elements. The image uses the usemap attribute to reference the map by name, connecting the image to the set of hotspots. Inside the map, each area defines a hotspot with a shape (rect, circle, or polygon), coordinates that specify the region, and a destination via href. This combination of a map containing area definitions and the image linking to that map is what makes an image map possible. The other options don’t provide the mechanism for defining multiple hotspots on an image: generic containers like div or span aren’t hotspots; canvas and svg are drawing/graphics tools, not the simple image-map mechanism; navigation elements like nav and a are for page navigation, not defining image-based hotspots.