Semantic HTML

Question 1

What does “semantic” refer to in web development?

Answer 1

Semantic refers to meaning.

Question 2

What is Semantic HTML?

Answer 2

Semantic HTML structures content based on the meaning of each element, helping automated tools like screen readers interpret the markup.

Question 3

What are the three main components built during browser parsing?

Answer 3

DOM (Document Object Model)
CSSOM (CSS Object Model)
Accessibility Tree

Question 4

What is the purpose of the Accessibility Tree?

Answer 4

The Accessibility Tree is used by assistive devices via the Accessibility Object Model (AOM).

Question 5

What is the role of <header> in semantic HTML?

Answer 5

The role of <header> is banner.

Question 6

What is the role of <footer> in semantic HTML?

Answer 6

The role of <footer> is contentInfo.

Question 7

What is the role of <nav> in semantic HTML?

Answer 7

The <nav> element is used for navigation but does not have an implicit role.

Question 8

What is the purpose of the role attribute in HTML?

Answer 8

The role attribute describes the role of an element in the document.

Question 9

Which HTML elements have implicit roles?

Answer 9

• Buttons
• Links
• Ranges
• Checkboxes

Question 10

What can be assigned roles using the role attribute?

Answer 10

Non-semantic elements can be assigned roles using the role attribute.

Question 11

What is the key question to ask when choosing a semantic HTML element?

Answer 11

Which element best represents the function of this section of markup?