Semantic Elements
Let's take a closer look at each tag individually:
<header> tag
These are typically introductory elements or a set of links placed at the top of a section or webpage that offer crucial information about the page and help users navigate to other sections.
Please note that this should not be confused with the head
tag, as head
and header
have different purposes in HTML.
index.html
index.css
index.js
<nav> tag
Defines a section of navigation links used for menus or navigation bars. nav
is typically placed in a website's header
section.
index.html
index.css
index.js
<section> tag
Organize your document logically by using headings to group related content. This helps readers understand your content better and improves search engine visibility.
index.html
index.css
index.js
<article> tag
It contains a self-contained piece of content like a blog post, news article, or forum post. This content helps search engines identify and prioritize the central content of the webpage.
index.html
index.css
index.js
<footer> tag
Defines a footer that typically includes copyright info, contact details, and links to related content. It provides closure to the content above and contains supplementary information and navigation options.
index.html
index.css
index.js
Tudo estava claro?
Conteúdo do Curso
HTML Essentials
3. Images and Media
HTML Essentials
Semantic Elements
Let's take a closer look at each tag individually:
<header> tag
These are typically introductory elements or a set of links placed at the top of a section or webpage that offer crucial information about the page and help users navigate to other sections.
Please note that this should not be confused with the head
tag, as head
and header
have different purposes in HTML.
index.html
index.css
index.js
<nav> tag
Defines a section of navigation links used for menus or navigation bars. nav
is typically placed in a website's header
section.
index.html
index.css
index.js
<section> tag
Organize your document logically by using headings to group related content. This helps readers understand your content better and improves search engine visibility.
index.html
index.css
index.js
<article> tag
It contains a self-contained piece of content like a blog post, news article, or forum post. This content helps search engines identify and prioritize the central content of the webpage.
index.html
index.css
index.js
<footer> tag
Defines a footer that typically includes copyright info, contact details, and links to related content. It provides closure to the content above and contains supplementary information and navigation options.
index.html
index.css
index.js
Tudo estava claro?