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

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

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>

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.

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>

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!