1. <header>
The <header> element represents a group of introductory or navigational aids.
It may contain some heading elements and other elements like a logo, wrapped section's header, a search form and so on.
Example
- <header>
- <h1>Hello World </h1>
- <p>Its time to start HTML5 </p>
- </header>
2. <nav>
The <nav> element is intended only for a major block of navigation links.
So we can say that it represents a section of the document intended for navigation (like a menu).
Example
nav.html
- <nav>
- <ul>
- <li><a href="index.html">Home</a></li>
- </ul>
- </nav>
index.html
- <html>
- <head>
- My home page Abhi
- </head>
-
- <body>
- <p>Try it at home</p>
- <nav>
- <ul>
- <li><a href="nav.html" />Back</li></ul>
- </nav>
- </body>
- </html>
3. <section>
It represents a generic document or application section. It can be used together with the h1, h2, h3, h4, h5, and h6 elements to indicate the document structure. (Just a logical grouping such as a contents section.)
Example
- <html>
- <body>
- <section>
- <h1>Good Morning</h1>
- <p>
- Hello world
- </p>
- </section>
- <section>
- <h1>Good Evening </h1>
- <p>
- Bye Bye World.</p>
- </section>
- </body>
- </html>
4. <article>
It represents an independent piece of contents of a document, such as a blog entry or newspaper article.
Example
- <html>
- <body>
-
- <article>
- <h1>HTML5 with Abhijeet</h1>
- <p>Today we will start HTML5 </p>
- </article>
- <article>
- <h1>HTML5 news part with Abhijeet</h1>
- <p>Great News for you.. </p>
- </article>
-
- </body>
- </html>
5. <aside>
It represents a piece of content that is only slightly related to the rest of the page. (Usually a sidebar, but could be another type of content that isn't directly related to the main content.)
Example
- <html>
- <head><title>HTML5 with Abhijeet</title>
- <style type="text/css"">
- aside
- {
-
- font-style:italic;
- color:cyan;
- float:right;
- width:80%;
-
- }
- </style>
- </head>
- <body>
- <div>
- <aside>Its raining...
- </aside>
- <p>Hello world</p>
- </div>
- </body>
- </html>
6. <footer>
Represents a footer for a section and can contain information about the author and copyright information.
Example
![]()