HTML nav tag

by Online Tutorials Library July 14, 2014

HTML <nav> tag

HTML <nav> tag is used to represent a section which contains navigation links, either within current document or to another document. Examples of some navigation links are menu, table of contents, indexes, etc.

The <nav> tag is newly added tag in HTML5.

Tips: You can use multiple links within a page, but it’s not necessary to put all the links within
tag. It must contain only major block of navigation links.

Syntax

Following are some specifications about the HTML <nav> tag

Display	Block
Start tag/End tag	Both Start and End tag
Usage	Structural

Example

  <!DOCTYPE html>  <html>  <head>  <title>Nav Tag</title>  <style>  a{  text-decoration: none;  color: green;  font-size: 20px;  padding: 8px;  }  a:hover{  color: blue;  }           h1{  text-align: center;  }  </style>  </head>  <body>   <h1>Example of Nav tag</h1>  <nav>   <a href=”#”>Home</a> |   <a href=”#”>Courses</a> |   <a href=”#”>About-us</a> |   <a href=”#”>Contact-us</a> |   </nav>  </body>  </html>  

Test it Now

Attribute:

Tag-specific attributes:

The <nav> tag does not contain any specific attribute in HTML.

Global attribute:

The <nav> tag supports the global attributes in HTML

Event attribute:

The <nav> tag supports the event attributes in HTML.

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<nav>	Yes	Yes	Yes	Yes	Yes

Next TopicHTML noframes Tag