DevAcademy

1. What does the src attribute of an <iframe> specify?

The iframe’s CSS stylesThe URL of the page to embedThe iframe’s accessible nameThe JavaScript file to run

2. Which attribute restricts what an embedded page is allowed to do?

allowsandboxrestrictloading

3. Why should every iframe have a title attribute?

It is required for the page to renderIt improves accessibility for screen reader usersIt speeds up page loadIt is only needed for videos

4. Which attribute shows the browser’s built-in play/pause controls?

controlsplaybuttonsui

5. Why would you use multiple <source> elements inside a <video>?

To play multiple videos at onceTo offer several formats since browsers support different onesTo add captionsTo increase video resolution

6. What does the <track> element add to a video?

A poster imageCaptions or subtitlesA play buttonA download link

7. Where are meta tags placed?

Inside <body>Inside <head>At the end of the fileInside <footer>

8. What do Open Graph meta tags control?

Page load speedHow a link preview appears when shared on social mediaBrowser tab colorForm validation

9. What does <meta name="robots" content="noindex" /> do?

Blocks all JavaScript on the pageTells search engines not to index the pageHides the page from usersDisables comments

10. What prefix must a custom data attribute use?

custom-data-x-attr-

11. Which JavaScript property provides access to an element’s data attributes?

element.dataelement.attributeselement.datasetelement.custom

12. Should sensitive information be stored in data attributes?

Yes, they are encryptedNo, they are visible in the page sourceOnly in productionOnly if minified

13. What does SVG stand for?

Simple Vector GraphicScalable Vector GraphicsStyled Vector GroupStatic Vector Grid

14. Which attribute draws a circle in SVG?

15. What is the main advantage of inline SVG over <img src="icon.svg">?

It loads faster on every browserIt can be styled with CSS and manipulated with JavaScriptIt requires no viewBoxIt works only on mobile

16. What is the biggest accessibility win you can make?

Adding ARIA attributes to every elementUsing semantic HTML elements correctlyIncreasing font sizeRemoving all images

17. What is the "first rule of ARIA"?

Always add role to every elementNo ARIA is better than bad ARIA — prefer native semantics firstARIA replaces the need for alt textARIA is only needed on forms

18. Why must interactive elements be operable with a keyboard alone?

It is only a legal requirement in some countriesMany users navigate exclusively via keyboard or assistive technologyIt improves SEO rankings onlyIt is required for CSS animations to work

HTML Advanced Practice

Quick Quiz