HTML 5 – Nav Element
The <nav>
HTML element represents
a section of a page whose purpose is to provide the navigational section in HTML documents. Websites
typically have sections dedicated to navigational links, which enables users to
navigate the site. These links can be placed inside a nav tag. Common examples of
navigation sections are menus, tables of contents, and indexes.
These are the Following Uses of Nav Element
1. Main
use of <nav> in HTML 5 for creating navigations of websites
2. We
can use several <header> elements in one document.
3. The
<header> element is intended to usually contain the section’s
heading h1 to h6
4. The
<header> element can also be used to wrap a section’s table of
contents, a search form, or any relevant logos.
5. The
<header> tag is a HTML5’s tag and it requires a starting tag as well
as an end tag.
Syntax
<nav class="nav-main">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
Example
In this example, a <nav> block is used to
contain an unordered list (<ul>) of links. With appropriate CSS,
this can be presented as a sidebar, navigation bar, or drop-down menu.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example Header</title>
</head>
<body>
<header>
<h1>LOGO NAME</h1>
<a href="">Home</a>
<a href="">About</a>
<a href="">Services</a>
<a href="">Contact</a>
</header>
</body>
</html>
Result
Comments
Post a Comment