Es scheint widersprüchliche Beispiele in Dokumenten zu geben, die sich auf das <nav>
-Tag in html5 beziehen. Die meisten Beispiele, die ich gesehen habe, verwenden dies:
Aber ich frage mich, ob das nur daran liegt, dass die Leute es gewohnt sind, divs zu benutzen. Es gibt Beispiele, die ich gesehen habe, die das einfach tun
%Vor% Der zweite Weg scheint mir sauberer und semantischer zu sein. Gibt es eine "offizielle" korrekte Version? Gibt es einen guten Grund, ein <ul>
im nav-Tag zu verwenden, anstatt nur Ankerelemente direkt zu verwenden?
Beide Beispiele sind semantisch.
Im ersten Beispiel ist die Liste der Anker explizit eine ungeordnete Liste. Im zweiten Beispiel ist die Liste der Links nur eine Sammlung von Ankerelementen.
Wenn Sie einfach eine eindimensionale Sammlung von Links möchten, empfehle ich, mit
zu bleiben %Vor% jedoch erlaubt die Verwendung von ul
elements explizite hierarchische Menüs (wie Dropdown-Listen oder Baumlisten):
Der einzige wirkliche Unterschied könnte sein, wie Suchmaschinen die Links betrachten. In einer ungeordneten Liste könnte Google zum Beispiel verstehen, dass alle Elemente in dieser Liste verwandt sind. Im zweiten Beispiel könnte Google davon ausgehen, dass keiner der Links verwandt ist. Google kann diese Informationen zur Indexierung verwenden und Ihre Informationen genauer anzeigen.
Sie können das gleiche anzeigen, aber eine Menge Markup bezieht sich darauf, wie Informationen präsentiert werden sollen, wenn überhaupt kein Stil an die Seite angehängt wurde oder wenn ein Bot Ihre Website nach relevanten Informationen durchsucht.
Sie können beides verwenden.
Eine Liste wird nur als eine Liste von Links verwendet, in der Regel nur eine Liste. Aber es liegt an dir.
Es gibt keinen wirklichen Unterschied zwischen ihnen. Wie Caimen jedoch sagte, verwenden Suchmaschinen das Seiten-Markup, um Daten zu gruppieren, um die Ergebnisse der Websuche zu verbessern. Ich rate Ihnen, die erste zu verwenden, wenn die Links zum Thema ziemlich ähnlich sind (zB für einen Blog) und die zweite, wenn die Links nicht so ähnlich sind (zum Navigieren von Ergebnissen von einer Website-Suche).