Semantic Elements in HTML | Header Tag | Section Tag | Nav Tag | Article Tag | Main Tag

Semantic Elements in HTML

Last time we have seen, Input Elements Types of Forms in HTML. Now we are going to learn about the Semantic Elements in HTML. So let's get started...

---

What is Semantics?

• Understanding the meaning of the word is very important in any language in the course of communication. And if this is Computer communication, then it becomes more critical.
• So, The latest version of HTML i.e. HTML5 provides the Semantic Elements which helps developers to understand the meaning of those elements and they are also machine-readable.
• Semantics or Semantic Elements are the elements that are used to define the clearest meaning of the given element. These elements are mostly used to specify their meaning to both humans and machines, in their own understanding ways. 
• There are around 118 Sematic Elements in the HTML. For example, <header>, <footer>, <article>, <nav>, <main>,etc.

---

Semantic Elements

Semantics	Description
<article>	This element is used to define an article.
<header>	Defines the header of the document or web page section.
<footer>	Defines the footer of the document or web page section.
<main>	It is used to define the main content on the web page.
<nav>	Specify the Navigation Bar on the header.
<section>	Defines the section on the web page.
<summary>	Displays the visible heading for Details Element.
<aside>	Displays the specified content aside from the page content.
<details>	It defines additional Details that can be hidden or viewed.
<mark>	It is used to define the Highlighted Text.

The above Semantic Elements are the most commonly used Semantics in HTML5.

---

So, now it's time to end the session. See you guys Next Time, stay tuned for further updates on HTML Programming Languages...!!!

Our website will definitely help you to improve your Programming Skills and Knowledge.

Thanks for Visiting...!!!

---

Also Visit

---