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

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

Select your answer

Support for mobile-first design

Introduction of new styling properties

Ability to use custom tags

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

Question 2/15

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

Select your answer

<main>

<header>

<footer>

<div>

Question 3/15

What element introduces a quote from another source?

Select your answer

<cite>

<blockquote>

<q>

<quote>

Question 4/15

What is the purpose of the

<article>

element in HTML5?

Select your answer

To wrap site navigation links

To represent self-contained content that could be distributed independently

To define the main content area of a page

To specify footer content

Question 5/15

Which element is intended for short quote inline content?

Select your answer

<blockquote>

<quote>

<cite>

<q>

Question 6/15

Select your answer

Within a

<footer>

element

Within a

<header>

element

Inside a

<nav>

section

Inside a

<section>

block

Question 7/15

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

Select your answer

<media>

<object>

<embed>

<video>

Question 8/15

Which element would best represent content related to advertisements?

Select your answer

<aside>

<nav>

<header>

<article>

Question 9/15

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

Select your answer

<nav>

<footer>

<header>

<section>

Question 10/15

Which element is used to specify a caption for a

<fieldset>

Select your answer

<legend>

<figcaption>

<label>

<title>

Question 11/15

When encapsulating contact links or information, which semantic element is most fitting?

Select your answer

<aside>

<nav>

<footer>

<header>

Question 12/15

Which HTML tag is used to provide a note about the author’s intent surrounding a written content?

Select your answer

<cite>

<ins>

<mark>

<abbr>

Question 13/15

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

Select your answer

<symbol>

<math>

<script>

<code>

Question 14/15

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

Select your answer

<ins>

<del>

<em>

<mark>

Question 15/15

What element should be used to delineate an area containing a dialogue, such as a conversation between people?

Select your answer

<dialog>

<aside>

<dialogue>

<aside>

Your Results

You did not answer any questions correctly.

Your Answers

Question 1/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

Support for mobile-first design

Introduction of new styling properties

Ability to use custom tags

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

HTML5 introduces new semantic tags like

<header>

<footer>

<article>

, and

<aside>

, facilitating better document structuring and search engine utility.

Question 2/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.

Question 3/15

😊 Your answer was correct 🙁 Your answer was incorrect

What element introduces a quote from another source?

Available answers

The

<blockquote>

element is used to define an extended quotation, often with a separate paragraph structure.

Question 4/15

😊 Your answer was correct 🙁 Your answer was incorrect

What is the purpose of the <pre><code><article></code></pre> element in HTML5?

Available answers

To wrap site navigation links

To represent self-contained content that could be distributed independently

To define the main content area of a page

To specify footer content

The

<article>

element is intended to specify self-contained compositions in a document, such as a newspaper article, blog post, or forum entry, that could be independently distributed or reused.

Question 5/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 6/15

😊 Your answer was correct 🙁 Your answer was incorrect

Available answers

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

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

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

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

<footer>

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

Question 7/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 8/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 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 is used to specify a caption for a <pre><code><fieldset></code></pre>?

Available answers

The

<legend>

tag represents a caption for the

<fieldset>

element, giving context and meaning to the grouped controls.

Question 11/15

😊 Your answer was correct 🙁 Your answer was incorrect

When encapsulating contact links or information, which semantic element is most fitting?

Available answers

Contact information is best placed within a

<footer>

, as it is often secondary or associated with the overarching content, matching its semantic use case.

Question 12/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which HTML tag is used to provide a note about the author’s intent surrounding a written content?

Available answers

<cite>

is used to describe the title of a creative work, indicating the origin or source of the text.

Question 13/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 14/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 15/15

😊 Your answer was correct 🙁 Your answer was incorrect

What element should be used to delineate an area containing a dialogue, such as a conversation between people?

Available answers

The

<dialog>

element is for content that is part of a conversation or interaction, such as a message in a chat application or an interactive popup box.