Detaillierte Erklärung des Navigations-Tags in HTML5

Das

nav-Tag wird normalerweise zum Erstellen der -Navigationsleiste auf einer Webseite verwendet und kann für einige Teile der Seite eine Selbstnavigation sein. Hier werfen wir einen kurzen Blick auf die Navigation HTML5Tag-Studiennotizen:

Der vollständige Name des Nav-Tags ist Navigation. Wie der Name schon sagt, bedeutet es Navigation. Gemäß den relevanten Standards von HTML5 lautet die Definition wie folgt: „Ein Abschnitt einer Seite, der auf andere Seiten oder auf Teile innerhalb der Seite verweist:
ein Abschnitt mit Navigationslinks.“ Die chinesische Übersetzung bedeutet wahrscheinlich „Ein Abschnitt.“ einer Seite, die auf andere Seiten oder Teile innerhalb der Seite verweist:ein Abschnitt mit Navigationslinks.“ AndereSeiten oder Bereiche der aktuellen Seite: ein Bereich mit Navigationslinks“. Die Funktion des Navigations-Tags ist hier sehr klar definiert, ähnlich wie beim head

er, es gibt nicht an, dass es sich um die Hauptnavigation handeln muss, oder dass es sich um eine Unternavigation in anderen Teilen der Seite handeln kann . Wie folgt:

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>

Im obigen Beispiel sehen wir, dass es sich lediglich um einen Bereich der Artikelnavigation handelt. Sie können nav auch verwenden, um eine kleine In-Page-Navigation zu definieren. Es müssen jedoch nicht alle Linkgruppen auf der Seite innerhalb des Navigations-Tags platziert werden. Er besteht hauptsächlich aus dem Hauptnavigationsblock der Seite. Beispielsweise platzieren wir normalerweise eine Reihe von Links in der Fußzeile der Website, einschließlich Nutzungsbedingungen, Website-Einführung, Urheberrechtserklärung usw. Derzeit verwenden wir normalerweise die Fußzeile anstelle der Navigation.

Eine Seite kann mehrere Navigations-Tags als Navigation für die gesamte Seite oder verschiedene Teile enthalten. Im folgenden Beispiel gibt es zwei Navigations-Tags, eines ist die Hauptnavigation der Website und das andere ist die Hilfslink-Navigation der aktuellen Seite selbst. nav-Tag Es ist nicht erforderlich, eine Liste an sich zu enthalten, es kann andere Inhaltsformen enthalten.

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>

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung des Navigations-Tags in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!