DEV Community

Cover image for <header> vs. <head> vs. <h1> through <h6> Elements
Yusuf Saifurahman
Yusuf Saifurahman

Posted on

2 3

<header> vs. <head> vs. <h1> through <h6> Elements

Hi i know u may find it boring but i added something interesting some things beginners like me get confused of.

It is easy to confuse the element with the element or the heading elements,

through

. They all have different semantic meanings and should be used according to their meanings. For reference…

The element is a structural element that outlines the heading of a segment of a page. It falls within the element.

The

element is not displayed on a page and is used to outline metadata, including the document title, and links to external files. It falls directly within the element.

Heading elements,

through

, are used to designate multiple levels of text headings throughout a page.

Thanks for reading i hope you see errors so u can comment.

webdev #dev.to #coder#javascript

Top comments (1)

Collapse
 
kstar541 profile image
kstar541

It's always confusing when you don't know how to use the heading element in the best way....

SurveyJS custom survey software

JavaScript UI Library for Surveys and Forms

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

View demo

AWS GenAI LIVE!

GenAI LIVE! is a dynamic live-streamed show exploring how AWS and our partners are helping organizations unlock real value with generative AI.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️