HTML Semantic Elements tags you need to know

A thread🧵

👇
<section>

This tag/element simply defines a section in a document/website

That section is typically a thematic grouping of content with a heading

These sections could be for introduction, content and contact information
<article>

This tag/element specifies independent, self-contained content

An article should make sense on its own, and it should be possible to distribute it independently from the rest of the web site

For example forum post, blog post, newspaper article
<header>

This tag/element represents a container for introductory content or a set of navigation links

This typically contains: one or more heading elements, logo or icon, and authorship info
<footer>

This tag/element defines the footer for a document, section, or website

This would typically contain: authorship info, copyright info, contact info, sitemap, back to top links
<nav>

This tag/element simply defines a set of navigation links

Note: This is intended only for the major block of navigation links
<aside>

This tag/element defines some content aside from the content it is placed in (similar to a sidebar)

That content should be indirectly related to the surrounding content
<figure> and <figcaption>

The <figure> tag specifies self-contained content, like illustrations, diagrams or photos

While the <figcaption> tag defines a caption for a <figure> element
But why should you use these semantic elements?

HTML5's semantic elements help structure the code we create, making it more readable and easier to maintain.

Here is a photo that can make everything more clear for you👇
The end of this thread🧵

Thanks for reading, I hope you found it useful

If you did make sure you follow me on Twitter @VladPasca5 for more tweets on

>improving as a developer
>web development
>motivation
>building an audience on Twitter
>making an income online
Learn HTML, CSS, JavaScript and React the right way from this eBook (aff) https://gumroad.com/a/416027763 
You can follow @VladPasca5.
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled: