HTML5 Semantic Tags Quiz

What is the primary purpose of HTML5 semantic tags?

• To make web pages load faster

• To provide better description of content types for search engines and accessibility tools

• To replace CSS styling

• To eliminate the need for JavaScript

Which of the following are examples of non-semantic HTML tags?

• Header and footer

• Article and section

• Div and span

• Nav and aside

HTML5 semantic tags were partly created based on:

• Random developer preferences

• Browser compatibility issues

• Commonly used div ids and classes that web designers were using

• Government accessibility requirements

Which semantic tag is typically used to contain the header bar at the top of a page and often navigation links?

• <main>

• <header>

• <top>

• <banner>

What is the purpose of the <figure> tag?

• To define animations

• To create forms

• To define images, charts, diagrams, or other visual elements

• To highlight text

Which semantic tag would most appropriately be used for a sidebar of information within an article?

• <sidebar>

• <aside>

• <section>

• <info>

The tag commonly contains:

• Main navigation links only

• The primary content of the page

• Copyright information, contact details, and social media links

• Only images and videos

What does the <mark> tag do to content?

• Indents the text

• Highlights the text

• Makes text italic

• Creates a hyperlink

Which tag would you use to provide a caption for an image or chart?

• <caption>

• <description>

• <figcaption>

• <imagetext>