Types of HTML Semantic Tags
Posted: Mon Jan 06, 2025 9:19 am
Semantic tags can define different parts of a web page.
Let's look at the most common HTML semantic elements, divided into two categories based on their usage:
Many HTML semantic tags provide information about the formatting of a page.
These "structural" tags were introduced during the transition from HTML4 to HTML5. That's why they are also known as HTML5 semantic tags or HTML5 semantic elements.
Types of HTML Semantic Tags
Here is the complete list:
<header> : The title tag defines the content that should be considered the introductory information of a page or section.
<nav> : The navigation tag is used for navigation links. It can be nested within the <header> tag, but secondary navigation <nav> tags are also commonly used elsewhere on the page.
<main> : This tag contains the main content (also called the body) of a page. There should only be one such tag per page.
<article> : The article tag defines content that jordan phone data can be independent of the page or site it's on. It doesn't necessarily have to be a "blog post." Think of it as a "clothing article," which is a standalone piece that can be used in different contexts.
<section> : Using <section> is a way to group related content that belongs to a similar theme. A section tag is different from an article tag. It is not a standalone tag, but part of a whole.
<aside> : The "aside" element denotes less important content. It is often used for sidebars, i.e. areas that provide additional but non-essential information.
<footer> : You use <footer> at the bottom of a page. This part usually contains contact information, copyright information, and site navigation elements.
HTML Semantic Tags for Text
HTML semantic tags for text are HTML tags that, in addition to formatting, convey the semantic function of the text they contain.
Let's look at the most common HTML semantic elements, divided into two categories based on their usage:
Many HTML semantic tags provide information about the formatting of a page.
These "structural" tags were introduced during the transition from HTML4 to HTML5. That's why they are also known as HTML5 semantic tags or HTML5 semantic elements.
Types of HTML Semantic Tags
Here is the complete list:
<header> : The title tag defines the content that should be considered the introductory information of a page or section.
<nav> : The navigation tag is used for navigation links. It can be nested within the <header> tag, but secondary navigation <nav> tags are also commonly used elsewhere on the page.
<main> : This tag contains the main content (also called the body) of a page. There should only be one such tag per page.
<article> : The article tag defines content that jordan phone data can be independent of the page or site it's on. It doesn't necessarily have to be a "blog post." Think of it as a "clothing article," which is a standalone piece that can be used in different contexts.
<section> : Using <section> is a way to group related content that belongs to a similar theme. A section tag is different from an article tag. It is not a standalone tag, but part of a whole.
<aside> : The "aside" element denotes less important content. It is often used for sidebars, i.e. areas that provide additional but non-essential information.
<footer> : You use <footer> at the bottom of a page. This part usually contains contact information, copyright information, and site navigation elements.
HTML Semantic Tags for Text
HTML semantic tags for text are HTML tags that, in addition to formatting, convey the semantic function of the text they contain.