Maison > Article > interface Web > Explication détaillée de la fonction et de l'utilisation de la balise de navigation HTML
Explication détaillée de la fonction et de l'utilisation de la balise de navigation HTML
- 黄舟original
- 2017-06-29 14:19:458527parcourir
La nouvelle balise d'élément c787b9a589a3ece771e842a6176cf8e9 en HTML5 est utilisée pour diviser les liens avec des propriétés de navigation, rendant la structure du code plus précise en termes de sémantique et en même temps pour l'écran La prise en charge des appareils tels que les lecteurs est également meilleure.
Depuis longtemps, nous avons l'habitude d'utiliser des codes tels que eb545d6e9e25f5c0174408f6286375ad ou 9e490bea09a82f3ff6663081fb0e947b pour écrire la navigation des pages ; la liste de liens est placée dans la balise c787b9a589a3ece771e842a6176cf8e9 :
<nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="/about/">About</a></li> <li><a href="/blog/">Blog</a></li> </ul> </nav>
Selon la spécification de définition du W3C :
l'élément nav peut être utilisé comme navigation de page Un groupe de liens ; les éléments de navigation qu'il contient renvoient vers d'autres pages ou d'autres parties de la page actuelle. Tous les groupes de liens n'ont pas besoin d'être placés dans l'élément c787b9a589a3ece771e842a6176cf8e9, par exemple, il y a généralement un groupe de liens dans le pied de page, comprenant les conditions d'utilisation, la page d'accueil, la déclaration de droits d'auteur, etc. ; plus approprié d'utiliser l'élément c37f8231a37e88427e62669260f0074d , sans nécessiter l'élément c787b9a589a3ece771e842a6176cf8e9
Une page peut avoir plusieurs éléments c787b9a589a3ece771e842a6176cf8e9 comme navigation pour la page entière ou différentes parties ; voici un exemple de code donné par le W3C :
<body> <h1>The Wiki Center Of Exampland</h1> <nav> <ul> <li><a href="/">Home</a></li> <li><a href="/events">Current Events</a></li> ...more... </ul> </nav> <article> <header> <h1>Demos in Exampland</h1> <p>Written by A. N. Other.</p> </header> <nav> <ul> <li><a href="#public">Public demonstrations</a></li> <li><a href="#destroy">Demolitions</a></li> ...more... </ul> </nav> <div> <section id="public"> <h1>Public demonstrations</h1> <p>...more...</p> </section> <section id="destroy"> <h1>Demolitions</h1> <p>...more...</p> </section> ...more... </div> <footer> <p><a href="?edit">Edit</a> | <a href="?delete">Delete</a> | <a href="?Rename">Rename</a></p> </footer> </article> <footer> <p><small>© copyright 1998 Exampland Emperor</small></p> </footer> </body>
Dans cet exemple, nous pouvons voir que c787b9a589a3ece771e842a6176cf8e9 peut non seulement être utilisé comme navigation globale de la page, mais peut également être placé dans la balise 23c3de37f2f9ebcb477c4a90aac6fffd liés au contenu d’un seul article.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!