Mehrere gängige Methoden zum Festlegen der Ankerpositionierung in HTML

Mehrere gängige Methoden zum Festlegen der Ankerpositionierung in HTML
Mir sind mehrere Möglichkeiten bekannt, die Ankerpositionierung in HTML festzulegen. Ich möchte sie Ihnen gerne vorstellen:

1. Verwenden Sie die ID-Positionierung:

Code kopieren
Der Code lautet wie folgt:

<a href="#1F" name="1F">Ankerpunkt 1</a>
<div name="1F">
<p>
11111111111
</br>
11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>
</p>
</div>

Diese Positionierung kann gezielt auf jedes beliebige Label angewendet werden.

2. Nutzen Sie die Namenspositionierung:

Code kopieren
Der Code lautet wie folgt:

<a href="#5F">Ankerpunkt 5</a>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
<a name="5F">1111111</href>

Das Name-Attribut kann nur zum Auffinden des A-Tags verwendet werden, nicht jedoch zum Auffinden anderer Tags wie beispielsweise Div.

3. Verwenden Sie die JS-Positionierung

Code kopieren
Der Code lautet wie folgt:

<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>

<<:  Zusammenfassung der @-Verwendung in CSS (mit Beispielen und Erklärungen)

>>:  Detaillierte Erklärung des Docker Compose-Orchestrierungstools

Artikel empfehlen

Lösen Sie das Problem „Rand: oberer Kollaps“ in CCS

Die HTML-Struktur ist wie folgt: Die CCS-Struktur...

Jenkins verpackt Microservices, um Docker-Images zu erstellen und auszuführen

Inhaltsverzeichnis Umgebungsvorbereitung Start 1....

So begrenzen Sie die Anzahl der Datensätze in einer Tabelle in MySQL

Inhaltsverzeichnis 1. Lösung auslösen 2. Partitio...

Detaillierte Erläuterung der Nginx-Strombegrenzungskonfiguration

Dieser Artikel erläutert anhand von Beispielen di...

MySQL 5.7.18 Installations-Tutorial unter Windows

In diesem Artikel wird erklärt, wie Sie MySQL aus...

Bedeutung und Verwendung einer Linux-CD

Was bedeutet Linux-CD? Unter Linux bedeutet cd „V...

Ubuntu 16.04 64-Bit in drei Schritten mit 32-Bit-Programmen kompatibel

Schritt 1: Bestätigen Sie die Architektur Ihres S...

Methode zum dynamischen Laden von Geojson basierend auf Vue+Openlayer

Laden eines oder mehrerer Features <Vorlage>...