Answer & Solution
<use>
elements to reference a specific icon within an external SVG file using its ID.
<use>
elements to reference a specific icon within an external SVG file?
<use>
elements to reference a specific icon within an external SVG file using its ID.
How can you reference an external SVG file within an HTML document for displaying an icon?
A). Using the <img>
element with the SVG file path
B). Using the <use>
element with the SVG file path
C). Using the <object>
element with the SVG file path
D). Using the <embed>
element with the SVG file path
How can you ensure cross-browser compatibility when using SVG icons with CSS?
A). Test SVG icons across different browsers and versions
B). Include vendor prefixes for CSS properties
C). Use polyfills for unsupported CSS features
D). Convert SVG icons to raster images
What is the purpose of using external CSS stylesheets for SVG icons?
A). Centralized styling, easier maintenance, and consistent design
B). Increased file size and slower loading times
C). Inline styling options
D). Compatibility with non-SVG formats
How can you include an SVG sprite sheet in an HTML document for displaying icons?
A). Using the <img>
element with the sprite sheet path
B). Using the <object>
element with the sprite sheet path
C). Using the <use>
element with the sprite sheet path
D). Using the <embed>
element with the sprite sheet path
How can you create a hover effect for an SVG icon using CSS?
A). Apply :hover pseudo-class to the SVG element
B). Use JavaScript for hover effects
C). Add a <hover>
attribute to the SVG icon
D). Apply a class on hover using JavaScript
How can you add a title to an SVG icon for accessibility purposes?
A). Using the <desc>
element
B). Using the <span>
element
C). Using the <title>
element
D). Using the <header>
element
How can you make SVG icons accessible to users with disabilities?
A). Include <title>
and <desc>
elements for descriptions
B). Use JavaScript for interactive accessibility
C). Increase icon size for better visibility
D). Embed external images into SVG
Which attribute of SVG sprite <symbol>
elements is used to define a unique ID for each icon within the sprite sheet?
A). id
B). name
C). class
D). label
Which CSS property is commonly used to style SVG icons in HTML documents?
A). fill
B). background-color
C). border
D). text-decoration
How can you apply CSS styles to an SVG icon referenced using the <use>
element?
A). Apply styles directly to the <use>
element
B). Apply styles to the referenced SVG file
C). Apply styles to the <svg>
element containing the <use>
element
D). Apply styles to the parent container of the <svg>
element