En este artículo, creamos un enlace de navegación usando la etiqueta <nav> en el documento. El elemento nav representa una sección de la página cuyo propósito es proporcionar enlaces de navegación, ya sea en el documento actual o en otros documentos. Los enlaces en el elemento «nav» pueden apuntar a otras páginas web o a diferentes secciones de la misma página web. Es un elemento semántico. Ejemplos comunes de elementos de «navegación» son menús, tablas, contenidos e índices.
Sintaxis:
<nav>
Links...
</nav>
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to create navigation
links using HTML5 ?
</title>
<style>
.gfg {
font-size: 40px;
color: #090;
font-weight: bold;
text-align: center;
}
.nav_tag {
text-align: center;
margin: 30px 0;
font-size: 35px;
}
</style>
</head>
<body>
<div class="gfg">
GeeksforGeeks
</div>
<div class="nav_tag">
How to create navigation
links using HTML5 ?
</div>
<nav>
<a href="#">C++</a> |
<a href="#">Java</a> |
<a href="#">PHP</a> |
<a href="#">Data Structure</a> |
<a href="#">Algorithm</a>
</nav>
</body>
</html>
Producción:
Los navegadores compatibles se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA