


Explication détaillée de la fonction et de l'utilisation de la balise de navigation HTML
Jun 29, 2017 pm 02:19 PMLa nouvelle balise d'élément <nav> 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 <div id="nav"> ou <ul id="nav"> pour écrire la navigation des pages ; la liste de liens est placée dans la balise <nav> :
<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 <nav>, 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 <footer> , sans nécessiter l'élément <nav>
Une page peut avoir plusieurs éléments <nav> 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 <nav> peut non seulement être utilisé comme navigation globale de la page, mais peut également être placé dans la balise <article> 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!

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Comment analysez-vous et traitez-vous HTML / XML dans PHP?
