DEV Community

i am message
i am message

Posted on • Updated on

Semantic HTML Not <div></div> Soup

Semantic HTML elements are elements that have a specific meaning to both the browser and the developer. They allow developers to structure the content of a webpage in a meaningful way, and they also provide information to browsers and other web tools about the meaning and purpose of that content.

Some examples of semantic HTML elements are:

  • <header>: used to contain the header of a webpage or section

  • <footer>: used to contain the footer of a webpage or section

  • <article>: used to contain a standalone piece of content, such as a blog post or news article

  • <section>: used to contain a group of related content

  • <aside>: used to contain content that is tangentially related to the main content of the page.

Using semantic HTML elements is important because it helps to make the structure and meaning of a webpage more clear and understandable to both humans and machines. This can improve the user experience, as it makes it easier for users to find and understand the content they are looking for.

It can also make it easier for search engines to crawl and index the content of a webpage, which can help to improve the search ranking of the webpage.

Top comments (0)