HTML essentials check

Confirm your understanding of document structure, semantics, navigation, controls, forms, validation, media, tables, accessibility, and progressive enhancement.

Question 1 of 11Where should the document's primary language normally be declared?

On the html element with the lang attributeAs a class on the body elementInside the title element

Question 2 of 11Which element identifies the page's primary content?

mainasidefooter

Question 3 of 11How should heading levels be chosen?

According to the logical structure of the contentOnly according to the font size you wantIn any order because heading levels have no meaning

Question 4 of 11What should an anchor element primarily represent?

Navigation to another location or resourceAny action, even when there is no destinationA generic page layout container

Question 5 of 11Which element should trigger an action without navigating to another location?

buttonadiv with an onClick handler

Question 6 of 11What is the most direct way to associate a visible label with an input?

Match the label's for attribute to the input's idUse only a placeholderUse the same CSS class on both elements

Question 7 of 11Which attribute declares that a form control must have a value before native form submission succeeds?

requiredreadonlyhidden

Question 8 of 11What alt value should a purely decorative image normally use?

alt=""The image filenameAlways omit the alt attribute entirely

Question 9 of 11Which element should identify a header cell in a data table?

thtddiv

Question 10 of 11An icon-only button has no visible text. What should it receive?

An accessible name such as aria-labelA positive tabindex valuerole="img" on the button

Question 11 of 11What does progressive enhancement encourage?

Start with useful HTML, then add CSS and JavaScript enhancementsMake all content unavailable until JavaScript runsReplace native HTML semantics with generic div elements

Choose one answer for every question, then check your answers.