Practice Test GeeksHTML5 - HTML5 Web Development Practice Test
← All HTML5 Flashcard Decks

HTML5 Responsive Design and CSS Integration Flashcards

6 cards from real HTML5 practice questions. Tap to flip, then mark Knew It or Still Learning — missed cards come back until you master them.

Read the first 6 HTML5 Responsive Design and CSS Integration flashcards as text

  1. Which HTML5 attribute enables native lazy loading of images and iframes?

    Answer: loading='lazy'

    The loading='lazy' attribute tells the browser to defer loading of off-screen images and iframes until the user scrolls near them.

  2. What is the purpose of the CSS 'clamp()' function in responsive design?

    Answer: Sets a value that scales between a minimum and maximum based on a preferred value

    The clamp(min, preferred, max) function returns the preferred value clamped between a minimum and maximum, enabling fluid typography and spacing.

  3. Which HTML5 element is used to define a region of a webpage that functions as a standalone web application within an iframe?

    Answer:

    The element embeds another HTML document within the current page, commonly used for embedding third-party widgets or applications.

  4. What does the CSS 'aspect-ratio' property control?

    Answer: The preferred aspect ratio of an element's box

    The aspect-ratio property sets the preferred aspect ratio of an element, maintaining proportional dimensions as the element resizes.

  5. Which HTML5 feature allows a web page to work offline by caching resources?

    Answer: Service Workers with Cache API

    Service Workers combined with the Cache API are the modern standard for enabling offline-capable web applications, replacing the deprecated AppCache.

  6. What is the role of the element in HTML5?

    Answer: Specifies the base URL for all relative URLs in the document

    The element sets the base URL and/or target for all relative URLs in the document, and must be placed inside the .