Html5 structure tags learn HTML5 online https://www.seoskills.in

1. Structural Tags

2. HTML5 <article> Tag
The <article> element represents a section of content that forms an independent part of a document, such
as a blog post, article, or other self-contained unit of information, that may be linked to or included in
some other content body.
<article> Tag Example
<article>
<TOP 10 SEO Ebook for Students</h1>
<p>Description about the topic and list of Ebooks and other names etc.</p>
</article>

3. HTML5 <aside> Tag
The <aside> element represents a section of the web page that encloses content which is tangentially
related to the content around it.
<aside> Tag Example
<aside>
<h1>Apollo 13 Facts</h1>
<p>Apollo 13 was the seventh manned mission in the American Apollo space program and the
third intended to land on the Moon.</p>
</aside>

4. HTML5 <details> Tag
The <details> element represents a control from which the user can obtain additional information on-
demand. It can be used to create an interactive widget that the user can show or hide (like expand and
collapse) to retrieve the additional information or controls. Any sort of element can be placed inside the
details element.
<details> Tag Example
<details>
<summary>What is HTML?</summary>
<p>HTML is a markup language for describing the structure of web pages.</p>
</details>

5. HTML5 <header> Tag
The <header> element represents the header of a document or a section. A header should contain title
and heading information about the related content.
<header> Tag Example
<header>
<h1>SEO SKILLS- Digital marketing and Branding Academy</h1>
<nav>
<p><a href="#">Home</a> | <a href="#">About</a> | <a href="#">Contact</a></p>
</nav>
</header>

6. HTML5 <footer> Tag
The <footer> element represents the footer of a document or a section.
A footer typically contains information about the author of the document, copyright information, links to
related documents etc. The following table summarizes the usages context and the version history of this
tag.
<footer> Tag Example
<footer>
<nav>
<p><a href="#">Terms of Use</a> | <a href="#">Privacy Policy</a></p>
</nav>
<p>Copyright &copy; 2016 SEO SKILLS Academy</p>
</footer>

7. HTML5 <hgroup> Tag
The <hgroup> element is used to group heading elements.
<hgroup> Tag Example
<<hgroup>
<h1>This is a main heading</h1>
<h2>This is sub-heading</h2>
</hgroup>

8. HTML5 <nav> Tag
The <nav> element defines a section of navigation links (i.e. links to other pages or to parts within the page
itself) in a document.
<nav> Tag Example
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

9. HTML5 <footer> Tag
The <footer> element represents the footer of a document or a section.
A footer typically contains information about the author of the document, copyright information, links to
related documents etc. The following table summarizes the usages context and the version history of this
tag.
<footer> Tag Example
<footer>
<nav>
<p><a href="#">Terms of Use</a> | <a href="#">Privacy Policy</a></p>
</nav>
<p>Copyright &copy; 2016 SEO SKILLS Academy</p>
</footer>

10. HTML5 <summary> Tag
The <summary> element defines a summary for the <details> element.
The <summary> element is used along with the <details> element to provide a summary visible to the user.
When the user clicks the summary, the additional information or content placed inside the <details>
element which was previously hidden becomes visible.
<summary> Tag Example
<details>
<summary>What is HTML?</summary>
<p>HTML is a markup language for describing the structure of web pages.</p>
</details>