Maison > interface Web > Tutoriel H5 > le corps du texte

Explication détaillée de la balise nav en HTML5

黄舟
Libérer: 2017-03-14 15:42:45
original
7884 Les gens l'ont consulté

La balise

nav est généralement utilisée pour créer la barre de navigation sur une page Web, et peut être une auto-navigation pour certaines parties de la page. Ici, nous allons jeter un bref aperçu de la navigation dans. HTML5 Notes d'étude des balises :

Le nom complet de la balise nav est navigation. Comme son nom l'indique, cela signifie navigation. Selon les normes HTML5 en vigueur, la définition est la suivante : "Une section d'une page qui renvoie à d'autres pages ou à des parties de la page :
une section avec des liens de navigation." La traduction chinoise signifie probablement "Une section". d'une page qui renvoie vers d'autres pages ou vers des parties de la page :une section avec des liens de navigation." Autrespages ou zones de la page actuelle : une zone contenant des liens de navigation". La fonction de la balise nav est ici très clairement définie. Semblable à la head

er, elle ne précise pas qu'elle doit être la navigation principale, ou qu'elle peut être une sous-navigation dans d'autres parties de la page. . Comme suit :
XML/HTML Code复制内容到剪贴板
<h3>gbin1.com文章列表</h3>
<nav>
    <ul>
        <li><a href="#html5">HTML5文章介绍</a></li>
        <li><a href="#css3">CSS3文章介绍</a></li>
        <li><a href="#jquery">jQuery文章介绍</a></li>
        <ul>
</nav>
Copier après la connexion



Dans l'exemple ci-dessus, nous voyons qu'il ne s'agit que d'une zone de navigation dans l'article. Vous pouvez également utiliser nav pour définir une petite navigation dans la page. Mais tous les groupes de liens de la page n'ont pas besoin d'être placés dans la balise de navigation. Il s'agit principalement du bloc de navigation principal de la page. Par exemple, nous plaçons généralement un ensemble de liens dans le pied de page du site Web, y compris les conditions d'utilisation, l'introduction du site Web, la déclaration de droits d'auteur, etc. À l'heure actuelle, nous utilisons généralement le pied de page au lieu de la navigation.

Une page peut contenir plusieurs balises de navigation pour la navigation sur la page entière ou sur différentes parties. Dans l'exemple ci-dessous, il y a deux balises de navigation, l'une est la navigation principale du site Web et l'autre est le lien auxiliaire de navigation de la page actuelle elle-même. balise de navigation Il n'est pas nécessaire de contenir une liste en soi, elle peut contenir d'autres formes de contenu.
XML/HTML Code复制内容到剪贴板
<h1>雨打浮萍</h1>
<nav>
    <ul>
        <li><a href="/">首页</a></li>
        <li><a href="#">html+css</a></li>
        ...more...   
    </ul>
</nav>
<article>
    <header>
        <h1>html5语义化标签之结构标签</h1>
        <p><span>发表于</span>2011-12-22</p>
    </header>
    <nav>
        <ul>
            <li><a href="#">子导航</a></li>
            <li><a href="#">子导航</a></li>
            ...more...   
        </ul>
    </nav>
    <p>
        <section id="public">
            <h1>section里面仍然可以再用h1标签</h1>
            <p>...more...</p>
        </section>
        <section id="destroy">
            <h1>section里面仍然可以再用h1标签</h1>
            <p>...more...</p>
        </section>
        ...more... </p>
    <footer>
        <p><a href="#">关于我们</a> |   
            <a href="#">友情链接</a> |   
            <a href="#">杂七杂八</a></p>
    </footer>
</article>
<footer>
    <p><small>© copyright 2011 </small></p>
</footer>
Copier après la connexion



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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal