Welcome Guest! (App Version 3.1)

websitnero logo name

Semantic Tags

Eight Semantic Tags added in HTML5

Semantic refers to meaning of something. Semantic tags that have been included in HTML5 basically do the same work as div but they add an additional meaning to the tag when used -- like instead of using div for top section, we can use the header tag. Similarly, the bottom part can be represented by the footer tag. Main content can go inside the article tag and so on.

The real purpose of adding these new tags is to provide more meaning to the tags and release the extra burden of doing everything from div.

Following are the new semantic tags included in HTML5:

Semantic Tags
S.No.NameRepresentationDescriptionExamples
1Header<header>Represents Heading of Page or Section
2Footer<footer>Represents Footer of Page or Section
3Article<article>Represents place where main article or main content is written
4Aside<aside>Represents side smaller area for advertizements or specific links
5Section<section>Represents a section of page which contains some specific content like -- section for article, section for advertizement, section for previous posts, etc.
6Nav<nav>Represents area to put navigation or links to various pages of website
7Figure<figure>Used along with figcaption to put image with its details
8Figcaption<figcaption>Used along with figure to put image along with its details
WebsiteNero is highly optimized for learning various website developing technlogies. We try our best to add maximum modules and examples to help learn the concepts clearly and vividly. We try to present all content and examples as simple as we can removing any complexity to hurdle easy understanding. We try best provide you with worthful content, but we cannot guarantee full correctness of all the content on this site. While using this website, you agree to have read and accepted all our terms of use and conditions, cookie, and privacy policy. Copyright, 2013-2018 by websitenero.com. All Rights Reserved.