Sollte ich Nav oder Ul

8

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?

    
qwertymk 07.03.2012, 11:10
quelle

8 Antworten

10

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.

%Vor%
  1. Lesen Sie mehr über Html 5

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.

    
Jack 07.03.2012, 11:16
quelle
3

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).

    
Dave Child 07.03.2012 11:13
quelle
3

Kommt auf den Fall an, aber die meiste Zeit werden Sie beide verwenden.

%Vor%

Beide sind semantisch korrekt.

    
elclanrs 07.03.2012 11:19
quelle
2

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.

    
Christoph 07.03.2012 11:15
quelle
2

Sie sollten in der Regel trotzdem eine Liste in einem <nav> verwenden:

%Vor%
ghr 07.03.2012 11:17
quelle
0

Nur meine Meinung, ich würde ein ul einfach deshalb verwenden, weil IE 6 und 7 immer noch einen beträchtlichen Marktanteil haben, und ich weiß, dass ich nicht durch Reifen springen muss, um ein ul zu bekommen . Für jetzt sowieso, es ist einfacher.

    
SamStar 07.03.2012 15:57
quelle
0

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.

%Vor%     
mattfryercom 07.03.2012 11:32
quelle
0

Sowohl nav- als auch ul-Elemente können verwendet werden, um ein Menü in html5 zu erstellen,

  • Das nav-Element teilt mit, dass es sich um einen großen Navigationsblock handelt
  • Die Liste teilt mit, dass die Links in diesem Navigationsblock eine Liste von Elementen
  • bilden

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ählst     
Balaji Ravichandran 18.08.2016 20:18
quelle

Tags und Links