HTML-5 Basic tags:header,nav,section,aside and footer tags

The HTML 5 tags helps categorizing of the content of page based on their position on the page.For instance , header tags as the name suggests is used to publish the topmost content of the site , section tags are used to place the main body or the main content of the site

here is an example code illustrating the use of header,nav,section,aside and footer tags of HTML 5

<header>Here goes the header</header>
		<li>Here is the main navigation1</li>
		<li>The main navigational tabs are placed within nav tags of HTML 5</li>
<section>The main content of the page is placed here </section>	
<aside>Not so important content goes here</aside>
footer>The footer of the webpage goes here</footer> 

Here is another example code

<!doctype html>
<html lang=”en”>
	<meta charset=”utf-8” />
	<link rel=”stylesheet” href=”main.css”>

 <h1>This is the header section of the HTML5</h1>
<nav>                                     <!-- <nav> tag is to create the main navigation for the site -->   
		<li>HTML 5</li>
		<li>JAVA SCRIPT</li>

  <h2>This is the Main section of the site,HTML 5 provides section tag to add content to the main section</h2>
	<h3>About aside tag</h3>
	Aside tag is used to post the side content for the site,HTML5 will postin them , but it is just to describe that the information here is not so important 
 @Karthic Rao's Site

4 thoughts on “HTML-5 Basic tags:header,nav,section,aside and footer tags

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s