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 wählen Sie alle untergeordneten Elemente aus und fügen ihnen in CSS Stile hinzu
Verfahren: Nehmen wir „less“ im tatsächlichen Pro...
Detaillierte Erklärung der Datenmengen von Docker-Containern
Was ist Schauen wir uns zunächst das Konzept von ...
Zusammenfassung wichtiger Breakpoint-Debugging-Techniken für JavaScript (empfohlen)
Inhaltsverzeichnis Warum einen Debugger verwenden...
So fügen Sie dem Tomcat-Dienst einen Java-Startbefehl hinzu
Mein erstes Serverprogramm Ich lerne gerade, Onli...
So installieren Sie WSL2 Ubuntu20.04 unter Windows 10 und richten die Docker-Umgebung ein
WSL aktivieren Stellen Sie sicher, dass das Syste...
Detailliertes Installationstutorial für die MySQL 5.6.36-Version für Windows x64
1. Zielumgebung Windows 7 64-bit 2. Materialien (...
So starten Sie ein JAR-Paket und führen es unter Linux im Hintergrund aus
Der Linux-Befehl zum Ausführen des JAR-Pakets lau...
MySQL-Join-Abfragesyntax und Beispiele
Verbindungsabfrage: Es ist das Ergebnis der paarw...
Detaillierte Analyse der Rolle von HTML-Kommentar-Tags <!--...-->
Wenn wir den Quellcode vieler Websites überprüfen...
Verwendung des Linux-Befehls sed
1. Funktionseinführung sed (Stream EDitor) ist ei...
Lösung zur Konvertierung in Inline-Styles in CSS (css-inline)
Sprechen Sie über die Szene E-Mail senden Einbett...
Detaillierte Erläuterung der Clientkonfiguration für die Entwicklung von vue3 + electron12 + dll
Inhaltsverzeichnis Ändern der Repository-Quelle S...
Was ist Flex und ein ausführliches Tutorial zur Flex-Layout-Syntax
Flexibles Layout Flex ist die Abkürzung für Flexi...
Beispiel für die Verwendung von MySQL zum Zählen der Anzahl unterschiedlicher Werte in einer Spalte
Vorwort Die in diesem Artikel implementierte Anfo...
JavaScript-Timer zum nahtlosen Scrollen von Bildern
In diesem Artikel wird der spezifische JavaScript...