HTML <nav> Element
The <nav> tag in HTML is used to define the navigation links for a website. It represents the section of a document that contains navigation links, such as menus, tables of contents, and indexes.
Here is an example of how the <nav> tag can be used:
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Contact</a>
</nav>
<nav> Tag Attributes
| Attribute |
Description |
| id |
Specifies a unique id for the <nav> element |
| class |
Specifies one or more class names for the <nav> element |
| style |
Specifies an inline CSS style for the <nav> element |
| role |
Specifies the role of the <nav> element |
Example using the id attribute:
<nav id="main-navigation">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Contact</a>
</nav>
Example using the class attribute:
<nav class="top-menu">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Contact</a>
</nav>