Loading... Login Loading... Register

HTML Semantic Elements Quiz

Want to learn more than this quiz offers you? Have a look at my Frontend web development courses.

Create an account and save your quiz results

Login and save your results

First Name *

Last Name *

Email *

Password *

Confirm Password *

I agree to the Terms of Service & Privacy Policy.

Add me to your newsletter.

Question 1/15

Which semantic element is used for non-independent content related to the main content of the page?

Select your answer

<section>

<aside>

<footer>

<article>

Question 2/15

For displaying mathematical equations, which HTML5 element should be used?

Select your answer

<code>

<symbol>

<math>

<script>

Question 3/15

Which element would best represent content related to advertisements?

Select your answer

<article>

<aside>

<header>

<nav>

Question 4/15

Which element is intended for short quote inline content?

Select your answer

<q>

<blockquote>

<cite>

<quote>

Question 5/15

Which semantic element can be used for content that is potentially interactive and part of a web application?

Select your answer

<article>

<section>

<nav>

<details>

Question 6/15

Which element is used for marking text intended to be enclosed in its metadata?

Select your answer

<data>

<meta>

<mark>

<cite>

Question 7/15

What is the main improvement of HTML5 in terms of semantics compared to previous versions?

Select your answer

Introduction of new styling properties

Introduction of new semantic tags that provide more structured and meaningful HTML documents

Support for mobile-first design

Ability to use custom tags

Question 8/15

What kind of content should you place within the

<footer>

element?

Select your answer

Primary navigation links

Site headers

Author information, copyright information, contact information, sitemap links or similar information at the end of a section

Main content of the document

Question 9/15

Which element should be used to denote introductory content or navigational links for its nearest ancestor?

Select your answer

<footer>

<header>

<nav>

<section>

Question 10/15

Which element should be used to provide markup for edits within text content?

Select your answer

<em>

<mark>

<del>

<ins>

Question 11/15

Which HTML5 element would you use to define navigation links?

Select your answer

<section>

<nav>

<aside>

<footer>

Question 12/15

What is the role of the

<figure>

element?

Select your answer

To provide captions to videos

To contain content like images and diagrams, usually with an optional

<figcaption>

element

To describe content in mathematical models

To wrap headings and footers

Question 13/15

For an embedded video object, which semantic HTML5 element should generally be used?

Select your answer

<object>

<embed>

<media>

<video>

Question 14/15

Select your answer

Inside a

<section>

block

Within a

<header>

element

Inside a

<nav>

section

Within a

<footer>

element

Question 15/15

When structuring a webpage with HTML5 elements, which tag is NOT a semantic tag?

Select your answer

<div>

<footer>

<main>

<header>

Your Results

You did not answer any questions correctly.

Your Answers

Question 1/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which semantic element is used for non-independent content related to the main content of the page?

Available answers

<aside>

is used for content that is indirectly related to the main content, such as sidebars, pull quotes, or groups of advertisements.

Question 2/15

😊 Your answer was correct 🙁 Your answer was incorrect

For displaying mathematical equations, which HTML5 element should be used?

Available answers

The

<math>

element is used to denote mathematical equations, using MathML or a related standard to enable complex mathematical representations.

Question 3/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which element would best represent content related to advertisements?

Available answers

The

<aside>

element is suitable for content that is not directly related to the main content, such as advertisements, sidebars, and supplementary information.

Question 4/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which element is intended for short quote inline content?

Available answers

The

<q>

element is used for short inline quotations, typically rendered within quotation marks.

Question 5/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which semantic element can be used for content that is potentially interactive and part of a web application?

Available answers

<section>

is often used to organize and potentially add interactivity to various sections of content within a web application.

Question 6/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which element is used for marking text intended to be enclosed in its metadata?

Available answers

The

<data>

element links content with its machine-readable information in the

value

attribute.

Question 7/15

😊 Your answer was correct 🙁 Your answer was incorrect

What is the main improvement of HTML5 in terms of semantics compared to previous versions?

Available answers

Introduction of new styling properties

Introduction of new semantic tags that provide more structured and meaningful HTML documents

Support for mobile-first design

Ability to use custom tags

HTML5 introduces new semantic tags like

<header>

<footer>

<article>

, and

<aside>

, facilitating better document structuring and search engine utility.

Question 8/15

😊 Your answer was correct 🙁 Your answer was incorrect

What kind of content should you place within the <pre><code><footer></code></pre> element?

Available answers

Primary navigation links

Site headers

Author information, copyright information, contact information, sitemap links or similar information at the end of a section

Main content of the document

<footer>

is typically used to contain information about its containing element such as copyright details, comments, and author information.

Question 9/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which element should be used to denote introductory content or navigational links for its nearest ancestor?

Available answers

<header>

is used for introductory content or sets of navigational links, usually appearing at the start of a

<section>

<article>

Question 10/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which element should be used to provide markup for edits within text content?

Available answers

The

<ins>

element is used to represent a range of text that has been inserted into a document, often with annotations to indicate modifications.

Question 11/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which HTML5 element would you use to define navigation links?

Available answers

The

<nav>

element is used to define a block of navigation links, such as menus or tables of contents.

Question 12/15

😊 Your answer was correct 🙁 Your answer was incorrect

What is the role of the <pre><code><figure></code></pre> element?

Available answers

To provide captions to videos

To contain content like images and diagrams, usually with an optional <pre><code><figcaption></code></pre> element

To describe content in mathematical models

To wrap headings and footers

<figure>

is used to wrap content like images, illustrations, diagrams, or charts, along with an optional

<figcaption>

for captioning.

Question 13/15

😊 Your answer was correct 🙁 Your answer was incorrect

For an embedded video object, which semantic HTML5 element should generally be used?

Available answers

The

<video>

element is specifically designed to embed video content with associated audio.

Question 14/15

😊 Your answer was correct 🙁 Your answer was incorrect

Available answers

Inside a <pre><code><section></code></pre> block

Within a <pre><code><header></code></pre> element

Inside a <pre><code><nav></code></pre> section

Within a <pre><code><footer></code></pre> element

<footer>

element as it relates to the overall ownership and informational metadata of the enclosing content.

Question 15/15

😊 Your answer was correct 🙁 Your answer was incorrect

When structuring a webpage with HTML5 elements, which tag is NOT a semantic tag?

Available answers

The

<div>

tag is a non-semantic element which lacks clearly defined meaning by itself, unlike semantic elements which convey meaning about their contents.