Answer & Solution
<title> element in SVG is used to provide a title or description for an icon, improving accessibility for screen readers and assistive technologies.
<title> element in SVG is used to provide a title or description for an icon, improving accessibility for screen readers and assistive technologies.
Which CSS property is commonly used to style SVG icons in HTML documents?
A). fill
B). background-color
C). border
D). text-decoration
What is the purpose of using external SVG files for icons in web development?
A). Code reusability and maintenance
B). Increased file size
C). Inline styling options
D). Compatibility issues
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
What is the advantage of using SVG icons over raster images in web design?
A). Scalability without loss of quality
B). Larger file sizes
C). Limited color options
D). Incompatibility with HTML5
Which attribute is used in SVG <use> elements to reference a specific icon within an external SVG file?
A). xlink:href
B). src
C). href
D). file
What is the purpose of using SVG sprite sheets for icons in web development?
A). Combine multiple SVG icons into a single file for performance
B). Embed SVG icons directly into HTML for faster loading
C). Use inline SVG code for flexibility
D). Increase file size for better quality
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
What is the purpose of the viewBox attribute in SVG icons?
A). Defines the coordinate system and aspect ratio
B). Specifies the fill color of the icon
C). Sets the icon's size
D). Determines the file format of the icon
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
What is the recommended approach for optimizing SVG icons for web use?
A). Minimize file size, remove unnecessary code, and optimize paths
B). Increase file size for better quality
C). Use inline styles for all SVG elements
D). Embed external CSS files into SVG