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
So erhalten Sie die dynamische Anzahl der verbleibenden Wörter im Textbereich
Ich bin bei der Arbeit auf einen Fall gestoßen, ü...
Vue implementiert Drag & Drop oder Klicken zum Hochladen von Bildern
In diesem Artikel wird der spezifische Code von V...
JavaScript zum Erzielen eines Klickbild-Flip-Effekts
Ich habe kürzlich an einem Projekt zur Gesichtser...
Installation und Bereitstellung des Linux-Tools Nethogs zur Überwachung der Netzwerkbandbreite nach Prozess
Überblick Es gibt viele Open-Source-Tools zur Net...
Eine kurze Diskussion über die Eigenschaften von CSS-Float
In diesem Artikel werden die Eigenschaften von CS...
JavaScript BOM erklärt
Inhaltsverzeichnis 1. BOM-Einführung 1. JavaScrip...
Detaillierte Erklärung der Prinzipien und der Verwendung von MySQL-Datentypen und Feldattributen
Dieser Artikel beschreibt die MySQL-Datentypen un...
Grafisches Tutorial zur Installation und Konfiguration der MySQL 5.7.21-Dekomprimierungsversion
In diesem Artikel wird der detaillierte Vorgang z...
Bildschirmbefehl und Verwendung unter Linux
Bildschirmeinführung Screen ist eine vom GNU-Proj...
Zwei Möglichkeiten zur Implementierung von Textstrichen in CSS3 (Zusammenfassung)
Frage Vor kurzem bin ich auf die Anforderung gest...
Implementierungscode zur Verwendung der MongoDB-Datenbank in Docker
Holen Sie sich das Mongo-Image sudo docker pull m...
MySQL-Serie 9 MySQL-Abfrage-Cache und -Index
Inhaltsverzeichnis Tutorial-Reihe 1. MySQL-Archit...
Heute werde ich einige seltene, aber nützliche JS-Techniken teilen
1. Zurück-Button Verwenden Sie history.back(), um...
mysql 8.0.20 winx64.zip komprimierte Version Installations- und Konfigurationsmethode grafisches Tutorial
Das Installationstutorial der komprimierten Versi...
Zwei Möglichkeiten zur Implementierung von Square Div mit CSS
Ziel: Erstelle ein Quadrat, dessen Seitenlänge gl...