Important Tags Used in HTML5

In this tutorial I have mentioned some important html5 tags are with there example.

article : The article tag is used for self-contained content. We can use it in blog posts, news article, forum posts or user comments. It specifies independent content as it can be understood independently from the rest of the web site.

Example:

<article>
  <h1>How to use article tag</h1>
  <p> It specifies independent content as it can be understand independently from the rest of the web site.</p>
</article> 

aside : The aside tag is used to represent content that is related to the content surrounding it, but as separated. It defines the content that is aside from the content it is placed in.

Example:

<p>Javascript is very important scripting language.</p>

<aside>
<h4>hpw to use javascript in coding</h4>
<p>It is included in the head tag and within the script tags</p>
</aside>

nav : nav tag is used to specify navigation links. When there is a group of links we put them all together under nav tag.

Example:

<nav>
<a href="">Home</a> |
<a href="">About</a> |
<a href="">Contact Us</a> |
<a href="jquery/">Blog</a>
</nav>

section : section tag is used to specify a particular section int the web page. Section is the related group of content. For example a home page can be divided into sections like introduction, content and contact information. We should use a heading element (h1 - h6) to specify a topic for the section.

Example:

<article>
  <h1>The use of HTML5 elements</h1>
  <p>...</p>

  <section>
    <h2>The header Element</h2>
    <p>...</p>
  </section>
  <section>
    <h2>The article Element</h2>
    <p>...</p>
  </section>
  <section>
    <h2>The footer Element</h2>
    <p>...</p>
  </section>
  ...
</article>

footer : The footer element specifies the footer of the document. It is used to represent a section containing information such as the author, copyright information, or links that are related to web pages.

Example:

 <footer>
  <p>Posted by:......</p>
  <p>Contact information:......>
</footer>

header : The header element is used to sepecify the header of the document. It contains the introductory element of the page.

Example:

<header>
    <h1>How to use article tag</h1>
    <p> It specifies independent content as it can be understand independently from the rest of the web site.</p>
</header>

address : This element is used for representing the contact information for an article or web page. This could be a link to the website or their email address.

Example:

<address>
  Contact <a href="abc@example.com">xyz</a>
</address>