HTML Semantic tags
In this tutorial you will learn how to use HTML semantic tags.
HTML5 Semantic elements:
Semantic HTML elements are those that clearly describe their meaning in a human- and machine-readable way.
Elements such as <header>, <footer> and <article> are all considered semantic because they accurately describe the purpose of the element and the type of content that is inside them.
Elements such as <div> and <span> are all considered non-semantic because they tells nothing about its content.
Selected HTML5 semantic elements:
- article
- stand-alone piece of work, such as a single entry in a blog.
- aside
- part of a page that’s tangential to the main page content, such as a sidebar or pull quote
- footer
- information about a section or document that usually appears at the end, such as contact information, attributions, and/or footnotes
- header
- information about a section or document that usually appears at the beginning, such as a heading, logo, and/or table of contents
- nav
- main elements of site and page navigation
- section
- section of content focused on a common theme, such as a chapter of a larger work
Example: Try It
<header>
<h1>Sri Ramanuja e-Paatashala</h1>
<h2>Hands on training institute</h2>
<h3>email:srirep@gmail.com www.srirep.in </h3>
</header>
<footer>
<p>Copyright © 2022 Sri Ramanuja e-Paatashala.</p>
</footer>