Soll ich HTML-Anker mit "name" oder "id" erstellen?

Question

Wenn man sich auf einen Teil einer Webseite mit dem " http://example.com/#foo " Methode, sollte man die

<h1><a name="foo"/>Foo Title</h1>

o

<h1 id="foo">Foo Title</h1>

Beide funktionieren, aber sind sie gleichwertig, oder gibt es semantische Unterschiede?

Answer 1

Im zweiten Beispiel wird dem betreffenden Element eine eindeutige ID zugewiesen. Dieses Element kann dann mit DHTML manipuliert oder aufgerufen werden.

Die erste Option hingegen legt eine bestimmte Stelle im Dokument fest, ähnlich wie ein Lesezeichen. In Verbindung mit einem "Anker" ist dies absolut sinnvoll.

Answer 2

Nur eine Bemerkung zum Markup Das Markup-Formular in früheren Versionen von HTML bot einen Ankerpunkt. Die Auszeichnungsformulare in HTML5, die das id-Attribut verwenden, sind zwar größtenteils gleichwertig, erfordern aber ein Element zur Identifizierung, von dem normalerweise erwartet wird, dass es Inhalte enthält.

Man könnte zum Beispiel ein leeres span oder div verwenden, aber diese Verwendung sieht und riecht degeneriert.

Ein Gedanke ist, das Element wbr für diesen Zweck zu verwenden. Das wbr-Element hat ein leeres Inhaltsmodell und erklärt lediglich, dass ein Zeilenumbruch möglich ist. Dies ist zwar immer noch eine etwas grundlose Verwendung eines Markup-Tags, aber viel weniger als grundlose Dokumententeilungen oder leere Textabschnitte.

Answer 3

Wie wäre es mit der Verwendung des Attributs name für alte Browser und des Attributs id für die neuen Browser? Beide Optionen werden verwendet und die Fallback-Methode wird standardmäßig implementiert!!!

Answer 4

Im Moment geht es nicht um die Unterstützung, denn wer würde sich im Jahr 2021 um ältere Browser als IE6 kümmern?

Beachten Sie, dass Stackoverflow immer noch Anker und das Attribut "Name" anstelle des Attributs "Name" verwendet.

Warum?

Weil Sie:

1. kann nicht zwei Werte für id auf SINGLE Element haben.

   sample

   { color: red; }

   <div id="postNr4245 sample"> Sample text </div> <!-- coloring doesn't work -->

   <a href="#postNr4245">Jump to Post</a> <!-- jumping doesn't work -->

Ok, man kann sagen, man kann "Klasse" für solche Dinge verwenden.

Es ist wahr pero wenn es nur einzeln Element, das auf Ihrer Website gestylt werden muss, sollten Sie keine Klasse verwenden.

Warum?

Denn wenn Sie den CSS-Selektor #idName verwenden und der Webbrowser dieses Element findet, dann wird nicht sehen Sie weiter. Es beschleunigt das Laden Ihrer Website.

Wenn Sie .class verwenden, muss er jede Stelle in Ihrem DOM suchen, da der Webbrowser nicht weiß, ob Sie .class einmal oder mehrmals verwendet haben.

2. Sie können nicht starten ' id Wert mit Nummer, wenn Sie ihn in CSS gestalten oder JS zum Parsen verwenden möchten. Sie können jedoch mit ' Name Wert mit Nummer.

Answer 5

Das gesamte Konzept des "benannten Ankers" verwendet per Definition das Attribut name. Sie sollten nur mit dem Namen bleiben, aber die ID-Attribut könnte für einige Javascript-Situationen praktisch sein.

Wie in den Kommentaren erwähnt, können Sie immer beides verwenden, um sich abzusichern.