We all recognize the same old abbreviation of HTML, that's a hypertext markup language. So, html5 is the cutting-edge and new version of HTML. Once a product is evolved; manifestly, there would be many versions of HTML with many new developments along with the manner. So, html5 has new attributes and behaviors. This html5 tag isn't always a programming language anymore, however, it's miles a mark-up language. Now, what's a mark-up language? Defining factors attributes using tags in a file is a mark-up language. Now, let’s get into detail approximately how we will define tags and create an internet page.

A tag is a specification for displaying content. Generally, there would be a start and end tag. Also, few tags do not require an end tag, like <be>, which means breaking of the line, which displays the data next to that tag from the next line. Here, let’s see some of the new elements in HTML5.

In HTML5, we can generally divide the tags into two categories.

Semantic Elements: Few examples for these elements are; <main>, <summary>, <time> etc.

Non Semantic Elements: Examples here are; <div>, <span> etc.

The tags discussed below are those which are newly introduced exclusively in HTML5 versions. They are different types of tags that all can be categorized.

Below are the types of structural tags with examples:

Article: This is a tag that is mostly used similar to a head tag. Majorly used in forms, blogs, news story and all as examples.

<article> <h3>The first one </h3></article>

Aside: Something similar to our normal tags, which would relate the content to the surrounding contents, like a sidebar in the article. And this tag would only make sense when using an IE version above 8.

Details: This tag is used to provide some additional data to the user. This can be an interactive platform that can hide or show the details. We can get to see the usage of this tab under the summary tag.

Header: This tag is related to the header part and contains title information. It has to have both the start and end tags.

<p><a href="#">Morning</a> | <a href="#">Afternoon</a> | <a href="#">Evening</a></p>

hgroup: This tag is used in describing a group of headers. Let’s look at the example.

Footer: This tag is that, which is to be placed at the end of the page. It deals with something like copyright, history-related information or data. Let us see a small example below.

<p><a href="#">Copy Rights</a> | <a href="#">Come back soon</a></p>

<p>Please subsribe for more learning content</p>

nav: This tag is for providing a section of all the links for navigation.

<li><a href="https://www.educba.com/">EDUCBA Home</a></li>

<li><a href="https://www.educba.com/about-us/">About EDUCBA</a></li>

<li><a href="https://www.educba.com/courses/">Courses in EDUCBA</a></li>

Section: As the name already denotes, this tag defines the part of the code like the body, header, footer, etc. Here, both the start and end tags are necessary. Let us see a small example below:

In this blog, we will discuss HTML5 tags. 

html5 tags

Trending Blogposts on html5 tags

HTML5 Tags

Popular Discussions on html5 tags

PRODUCTS

QUICK LINKS

LEGAL

html5 tags

Trending Blogposts on html5 tags

HTML5 Tags

Popular Discussions on html5 tags