Ich mache ein Navigationsmenü, sollte ich das <nav>
Element oder <ul>
Element dafür verwenden?
Wenn ich nav
verwende, muss ich wahrscheinlich ein Shiv verwenden, damit es über Browser funktioniert.
Wenn das so ist, was ist der Vorteil der Verwendung von nav
über ul
?
BEARBEITEN:
Ich weiß, dass du ein ul
in ein nav
schreiben kannst, meine Frage ist warum ein nav
überhaupt benutzen?
Verwechsle nicht mit <nav>
und <ul>
. Sie können beide zusammen für ein Navigationsmenü verwendet werden.
Nav
ist ein HTML5-Tag. Wenn Sie etwas in HTML5 erstellen, können Sie <nav>
verwenden, da es keine Einschränkung gibt, aber nicht alle Browser rendern dies korrekt.
Ul
erstellt eine ungeordnete Liste. Ungeordnet bedeutet, dass die Elemente in der Liste nicht in einer bestimmten Reihenfolge angeordnet sind. Sie können ein ul
-Element in nav
verschachteln, um Ihre Links zu platzieren.
Lesen Sie mehr über die HTML-Tags und ihre Funktionsweise hier .
%Vor%Dadurch wird eine Navigationsleiste erstellt, in die Sie einige CSS-Stile einfügen müssen, um sie besser aussehen zu lassen.
Der obige Code erzeugt das gleiche Ergebnis. Der einzige Unterschied besteht darin, dass nav
dem Browser mitteilt, dass dieses Element für Navigationszwecke verwendet wird.
Das Element nav
ist semantisch spezifischer, also im Allgemeinen die bessere Wahl. Eine Suchmaschine wird zum Beispiel verstehen, dass die darin enthaltenen Links eine Navigation darstellen, und nicht eine einfache Liste von Links (die empfohlene Beiträge oder verwandte Artikel usw. sein könnten).
nav
ist ein semantisches html5-Element, das eingeführt wurde, um darauf hinzuweisen, dass dieser Code die Navigation Ihrer Seite ist. Für "normale nichtsemantische" Suchmaschinen macht es keinen Unterschied, ob Sie ul
oder nav
verwenden. Sie werden beide ohne Probleme verstehen. Im Moment schafft die Verwendung dieser semantischen Elemente keinen wirklichen Vorteil für Sie.
Seien Sie vorsichtig, wenn Sie diese HTML5-Elemente verwenden, bricht der IE, also müssen Sie sie "registrieren", damit der IE sie als HTML-Elemente erkennt.
Wenn Sie nav
verwenden möchten, aber Probleme mit Browsern vermeiden, die dies nicht unterstützen, ist es am einfachsten, wenn Sie kein Styling anwenden und es um ein div
umhüllen und das stattdessen stylen.
Sowohl nav- als auch ul-Elemente können verwendet werden, um ein Menü in html5 zu erstellen,
Sie können jedoch sowohl nav als auch ul in der Menüerstellung verwenden,
%Vor%Es liegt an dir, ob du entweder nav oder ul
wählstTags und Links html css cross-browser