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.
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 embed an inline SVG icon directly into an HTML document?
A). Using the <svg>
element
B). Using the <img>
element
C). Using the <div>
element
D). Using the <span>
element
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 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
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 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 external SVG files for icons in web development?
A). Code reusability and maintenance
B). Increased file size
C). Inline styling options
D). Compatibility issues
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
What is the advantage of using CSS for styling SVG icons instead of inline styles?
A). Easier maintenance and consistent styling
B). Better compatibility with older browsers
C). Faster loading times
D). Increased file size
Which CSS property is commonly used to style SVG icons in HTML documents?
A). fill
B). background-color
C). border
D). text-decoration