Integrating SVG icons into HTML documents and CSS stylesheets Mockest | HTML

11.

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

Answer & Solution Discuss in Board

12.

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

Answer & Solution Discuss in Board

13.

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

Answer & Solution Discuss in Board

14.

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

Answer & Solution Discuss in Board

15.

How can you animate an SVG icon using CSS animations?

A). Define animation keyframes and apply them to the SVG icon B). Use the animate element within the SVG file C). Apply JavaScript code for animations D). Use external animation libraries

Answer & Solution Discuss in Board

16.

What technique can be used to change the color of an SVG icon on user interaction?

A). Apply CSS styles on hover or click events B). Use JavaScript to dynamically change the SVG's color C). Embed multiple versions of the SVG with different colors D). Apply inline styles to the SVG icon

Answer & Solution Discuss in Board

17.

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

Answer & Solution Discuss in Board

18.

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

Answer & Solution Discuss in Board

19.

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

Answer & Solution Discuss in Board

20.

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

Answer & Solution Discuss in Board

Integrating SVG icons into HTML documents and CSS stylesheets Mocktest

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

Answer & Solution

COMPANY

Products

OTHERS

Partner