Ajay Yadav
Ajay Yadav

@ATechAjay

15 Tweets 5 reads May 21, 2023
HTML elements can be divided into 9 groups.
div β€” ❌
semantics β€” βœ…
Open: 🧡
- So in the last thread, we discussed all possible groups of HTML elements.
- In today's thread, we are going to deep dive into the first category of that group, which is semantic elements.
πŸ“ Table of Contents:
❍ <header>
❍ <nav>
❍ <section>
❍ <article>
❍ <aside>
❍ <footer>
❍ <main>
❍ <figure>
❍ <figcaption>
❍ <blockquote>
❍ <cite>
❍ <header>
- This HTML element represents the introductory content at the top of a page or section.
- It often contains the logo of the site, navigation links, etc.
❍ <nav>
- This HTML element is used to define a section of navigation links.
- It typically contains a collection of navigation elements such as menus, lists, or links that navigate within or outside of the website.
❍ <section>
- This HTML element defines a standalone section within a web page.
- It represents a thematic grouping of the content, such as a chapter, tabbed content, or a specific area with related information.
❍ <article>
- This HTML element represents a self-contained section within a document.
- A page can have multiple article elements, such as a blog post, news article, or forum post.
❍ <aside>
- This HTML element represents content that is related to the main content of the document.
- It is typically used for sidebars, advertising sections, etc.
❍ <footer>
- This HTML element represents the footer section of the web page.
- It typically contains information about the author, copyright, contact form or details, related links, etc.
❍ <main>
- This HTML element represents the main content area of the web page.
- It should contain primary content that is unique to the document, excluding header, footers, sidebars, or navigation of the page.
❍ <figure>
- It is used to wrap self-contained content, such as an image, diagram, illustration, or code, etc.
❍ <figcaption>
- This HTML element is used to provide a caption or description for the content within a <figure> element.
❍ <blockquote>
- This HTML element is typically used to display a longer quotation from another source within the main content.
❍ <cite>
- The cite element represents the title of a work, such as a book, a paper, an essay, a poem, etc.
- It is used to indicate the source or origin of the referenced work within the content.
That's all for now, we will meet in the next thread😍
πŸ”” Follow Me @ATechAjay
For:
πŸ€– AI Tool Tester
🌐 Web Development
✨ JavaScript
βš›οΈ React JS
πŸ“ Writing Skill
πŸ”₯ Motivation
πŸ’Ή Growth
Thank you so much for staying to the end of this threadπŸ’š

Loading suggestions...