Read on Twitter
HTML Semantic Elements tags you need to know
A thread
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: Thread">
https://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Rückhand Zeigefinger nach unten" aria-label="Emoji: Rückhand Zeigefinger nach unten">
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
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
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
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
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
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
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
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& #39;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 youhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Rückhand Zeigefinger nach unten" aria-label="Emoji: Rückhand Zeigefinger nach unten">
HTML5& #39;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
" title="But why should you use these semantic elements?HTML5& #39;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 youhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Rückhand Zeigefinger nach unten" aria-label="Emoji: Rückhand Zeigefinger nach unten">" class="img-responsive" style="max-width:100%;"/>
The end of this threadhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: 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
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 ">https://gumroad.com/a/4160277...
