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 withintag. It must contain only major block of navigation links.
Syntax
<nav>.....</nav> 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>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 |
Leave a Reply