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.

nav tag

Defines a section of navigation links used for menus or navigation bars. nav is typically placed in a website's header section.

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.

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.

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.