Exploring Semantic Elements in HTML

Below are the most common semantic elements and what they are used for.

`header` tag

Represents the top part of a webpage or section. Usually contains a logo, title, or navigation links.

Note

Don't confuse header with head. They serve different purposes.

index.html

`nav` tag

Defines a block of navigation links. Often placed inside the header.

index.html

`section` tag

Groups related content into logical sections. Each section should typically start with a heading.

index.html

article tag

Represents a self-contained piece of content, such as a blog post or news article. Useful for search engines to identify main content.

index.html

`footer` tag

Defines the bottom part of a webpage or section. Usually contains copyright text, contact info, or related links.

index.html

1. What is the primary purpose of the `<header>` tag?

2. Which HTML tag is typically used to define a section of navigation links, such as menus or navigation bars?

3. What is the main function of the `<section>` tag?

4. When should we use the `<footer>` tag?

What is the primary purpose of the <header> tag?

Select the correct answer

Offering crucial information about the page and aiding navigation.

Defining a section of navigation links.

Providing supplementary information and navigation options.

Which HTML tag is typically used to define a section of navigation links, such as menus or navigation bars?

Select the correct answer

<section>

<footer>

<nav>

What is the main function of the <section> tag?

Select the correct answer

Containing self-contained pieces of content like blog posts or news articles.

Organizing content logically by using headings to group related content.

Defining introductory elements or a set of links placed at the top of a section or webpage.

When should we use the <footer> tag?

Select the correct answer

To provide closure to the content above and contain supplementary information and navigation options.

To define a section of navigation links.

To contain self-contained pieces of content like blog posts, news articles, or forum posts.

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 5. Chapter 2

Ask AI

Ask anything or try one of the suggested questions to begin our chat

Suggested prompts:

Can you give examples of how to use these tags in HTML?

What is the difference between a section and an article?

Are there any best practices for organizing semantic elements on a webpage?

Awesome!

Completion rate improved to 2.86

Exploring Semantic Elements in HTML

Swipe to show menu

Below are the most common semantic elements and what they are used for.

`header` tag

Represents the top part of a webpage or section. Usually contains a logo, title, or navigation links.

Note

Don't confuse header with head. They serve different purposes.

index.html

`nav` tag

Defines a block of navigation links. Often placed inside the header.

index.html

`section` tag

Groups related content into logical sections. Each section should typically start with a heading.

index.html

article tag

Represents a self-contained piece of content, such as a blog post or news article. Useful for search engines to identify main content.

index.html

`footer` tag

Defines the bottom part of a webpage or section. Usually contains copyright text, contact info, or related links.

index.html

1. What is the primary purpose of the `<header>` tag?

2. Which HTML tag is typically used to define a section of navigation links, such as menus or navigation bars?

3. What is the main function of the `<section>` tag?

4. When should we use the `<footer>` tag?

What is the primary purpose of the <header> tag?

Select the correct answer

Offering crucial information about the page and aiding navigation.

Defining a section of navigation links.

Providing supplementary information and navigation options.

Which HTML tag is typically used to define a section of navigation links, such as menus or navigation bars?

Select the correct answer

<section>

<footer>

<nav>

What is the main function of the <section> tag?

Select the correct answer

Containing self-contained pieces of content like blog posts or news articles.

Organizing content logically by using headings to group related content.

Defining introductory elements or a set of links placed at the top of a section or webpage.

When should we use the <footer> tag?

Select the correct answer

To provide closure to the content above and contain supplementary information and navigation options.

To define a section of navigation links.

To contain self-contained pieces of content like blog posts, news articles, or forum posts.

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 5. Chapter 2

Exploring Semantic Elements in HTML

header tag

nav tag

section tag

article tag

footer tag

1. What is the primary purpose of the <header> tag?

2. Which HTML tag is typically used to define a section of navigation links, such as menus or navigation bars?

3. What is the main function of the <section> tag?

4. When should we use the <footer> tag?

Exploring Semantic Elements in HTML

header tag

nav tag

section tag

article tag

footer tag

1. What is the primary purpose of the <header> tag?

2. Which HTML tag is typically used to define a section of navigation links, such as menus or navigation bars?

3. What is the main function of the <section> tag?

4. When should we use the <footer> tag?

`header` tag

`nav` tag

`section` tag

`footer` tag

1. What is the primary purpose of the `<header>` tag?

3. What is the main function of the `<section>` tag?

4. When should we use the `<footer>` tag?

`header` tag

`nav` tag

`section` tag

`footer` tag

1. What is the primary purpose of the `<header>` tag?

3. What is the main function of the `<section>` tag?

4. When should we use the `<footer>` tag?