HTML5 HTML5 Responsive Design and CSS Integration

Question 1

Which HTML5 element and attribute combination is essential for responsive web design on mobile devices?

Accepted Answer

Answer

Answer

Answer

Question 2

Which HTML5 element is used to provide multiple image sources for different screen resolutions or sizes?

Accepted Answer

Answer

Answer

Answer

<responsive-img>

Question 3

What does the 'srcset' attribute on an <img> element allow?

Accepted Answer

Specifying multiple image sources for different screen resolutions or widths

Answer

Setting a fallback image source

Answer

Lazy-loading images

Answer

Defining image dimensions

Question 4

Which CSS3 feature, commonly used with HTML5, allows applying different styles based on screen width?

Accepted Answer

Media queries

Answer

Flexbox

Answer

CSS Grid

Answer

CSS Variables

Question 5

What does the 'sizes' attribute on an HTML5 <img> element specify?

Accepted Answer

The display size of the image at different viewport widths for srcset selection

Answer

The natural width and height of the image

Answer

The maximum file size allowed

Answer

The CSS size of the image

Question 6

Which HTML5 feature allows embedding scalable vector graphics directly in an HTML document?

Accepted Answer

Inline SVG

Answer

HTML5 Canvas

Answer

<embed> element

Answer

Object element