Das Navigations-Tag in HTML5
In diesem Artikel erfahren Sie, wie Sie das nav-Tag in HTML5 verwenden. Dabei handelt es sich um ein Tag, das zum Deklarieren von Navigationslink-Positionen verwendet wird, normalerweise Menüs oder Seitenleisten-Kategorielisten.
Beachten Sie, dass nicht alle Navigationslinks im Nav-Tag platziert werden. Das nav-Tag sollte nur zum Umschließen von Hauptnavigationsblöcken wie Seitenmenüs verwendet werden.
1. Was ist das nav-Tag in HTML?
In HTML wird das nav-Tag verwendet, um die Hauptnavigation und linkbezogene Stellen für die Webseite einzuschließen. Normalerweise ist dies das Hauptmenü, das Untermenü, die Kategorieliste der Seitenleiste …
Nav ist ein Akronym für Navigation, seine Syntax lautet wie folgt:
<nav>...</nav>2. Wie man das nav-Tag in HTML verwendet
Wie ich oben sagte, sollten wir das nav-Tag nur für die Hauptnavigationslinks für die Website verwenden.
In der Vergangenheit haben wir beim Erstellen von Menüs häufig ul -Tags und a -Tags wie folgt verwendet.
<div id="menu"> <ul> <li><a href="#">Home</a></li> ... </ul> </div>Aber wenn wir das nav-Tag verwenden, ändern wir die Struktur wie folgt:
nav> <ul> <li><a href="#">Home</a></li> ... </ul> </nav> Auch nichts Besonderes, ändern Sie einfach das äußere div -Tag in ein nav -Tag.
Verwenden Sie beispielsweise das nav-Tag, um die Navigationsmenüs einer Seite zu gruppieren.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <main> <h2>Khóa học có tại web888.vn</h2> <div> <nav> <a href="#">HTML</a> | <a href="#">CSS</a> | <a href="#">JavaScript</a> | <a href="#">jQuery</a> </nav> </div> </main> </body> </html>Ich habe also das Tutorial zur Verwendung des nav-Tags in HTML abgeschlossen. Diese Karte ist auch einfach, daher habe ich nicht zu viele Beispiele für die Lektion, ich hoffe, Sie verstehen.
Bài viết liên quan:
Dịch vụ thiết kế Wesbite
