Beispiel für die gemeinsame Nutzung von Anker-Tags in HTML
|
Verwendung von Anker-Tags: Als Ankerlink wird ein Link zu einer bestimmten Stelle im selben Dokument bezeichnet. Die Methode zur Verwendung eines Ankers besteht darin, einen Zielort auszuwählen und ein Positionierungstag zu erstellen, das durch den Wert des Namensattributs des <a>-Tags bestimmt wird. Name des Anker-Tags. Das Format ist: <a name="Name des Anker-Tags"> Das Namensattribut wird verwendet, um einen benannten Anker zu erstellen. Wenn wir einen benannten Anker verwenden, können wir einen Zeiger erstellen, der direkt zu einer Seite springt. Der Inhalt des Artikels kann mit einem bestimmten Teil verknüpft werden, ohne dass der Leser scrollen muss, um den benötigten Teil zu finden. Nachfolgend sehen Sie die Syntax zum Erstellen eines benannten Ankers: <a name="label">Anzuzeigender Text</a> Das Namensattribut wird verwendet, um einen benannten Anker zu erstellen. Der Ankername kann mit einem beliebigen Text benannt werden. Die folgende Zeile definiert einen benannten Anker: <a name="tips">Abschnitt mit nützlichen Tipps</a> Erstellen Sie dann an beliebiger Stelle auf der Webseite einen Link zu diesem Ziel-Tag. Der im Titel erstellte Linkadressenname sollte mit dem Namen des Positionierungs-Tags identisch sein, mit einem „#“-Zeichen davor. Das Format ist: <a href="#Locator-Tag-Name"> Ein benannter Anker wird nicht anders angezeigt als ein gewöhnlicher Link. Um direkt auf den Abschnitt „Highlights“ zu verlinken, müssen Sie im Allgemeinen das Symbol # und den Ankernamen an das Ende der angeforderten URL anfügen, wie folgt: <a href="Jump'>http://www.w3schools.com/html_links.asp#tips">Zum Abschnitt „Nützliche Tipps“ springen</a> Die Syntax für Ankerlinks, die in der Datei „html_links.asp“ (innerhalb einer Seite) verfügbar sind, lautet wie folgt: Zum Abschnitt „Nützliche Tipps“ springen Es ist zu anstrengend, die Textbeschreibung zu lesen: Hier ist ein einfaches Beispiel für alle auf 123WORDPRESS.COM: Tipp: Sie können einen Teil des Codes vor dem Ausführen ändern Kopieren Sie es auf Ihre Seite und probieren Sie aus, ob es funktioniert! |
<<: Detaillierte Erläuterung des Bereitstellungsprozesses von Docker Alibaba Cloud RocketMQ 4.5.1
>>: Designtheorie: Die Grundlagen der Schriftgestaltung
Artikel empfehlen
Beheben Sie das Problem, dass das Elementbearbeitungsformular el-radio nach dem Echo nicht ausgewählt werden kann
Inhaltsverzeichnis Vorwort Frage Online-Lösungen ...
JS implementiert einen Stoppuhr-Timer
In diesem Artikelbeispiel wird der spezifische JS...
Verwendung von Vue3-Seiten, Menüs und Routen
Inhaltsverzeichnis 1. Klicken Sie auf das Menü, u...
Grundlegende Referenztypen der erweiterten JavaScript-Programmierung
Inhaltsverzeichnis 1. Datum 2. RegExp 3. Original...
So erkennen Sie die Dateisystemintegrität basierend auf AIDE in Linux
1. HILFE AIDE (Advanced Intrusion Detection Envir...
Vue muss Wissenspunkte lernen: die Verwendung von forEach()
Vorwort Bei der Frontend-Entwicklung stoßen wir h...
Tutorial zum Anzeigen und Ändern von MySQL-Zeichensätzen
1. Überprüfen Sie den Zeichensatz 1. Überprüfen S...
JavaScript zum Erzielen digitaler Uhreffekte
In diesem Artikelbeispiel wird der spezifische Co...
Der Unterschied und die Verwendung von LocalStorage und SessionStorage in Vue
Inhaltsverzeichnis Was ist LocalStorage Was ist S...
MySQL 8.0.13 Installations- und Konfigurations-Tutorial unter CentOS7.3
1. Grundlegende Umgebung 1. Betriebssystem: CentO...
CSS-Probleme bei der gemeinsamen Verwendung von „Position:fixed“ und „Margin-top“ auf Elementen derselben Ebene
Problembeschreibung Ich möchte CSS verwenden, um ...
Eine kurze Diskussion über die Optimierung von MySQL-Paging für Milliarden von Daten
Inhaltsverzeichnis Hintergrund analysieren Datens...
JS erzielt Fünf-Sterne-Lobeffekt
Verwenden Sie JS, um objektorientierte Methoden z...
Beispielcode für HTML-Layout links und rechts
CSS: Code kopieren Der Code lautet wie folgt: html...
Implementierung eines Crawler-Scrapy-Image, das von Dockerfile basierend auf Alpine erstellt wurde
1. Laden Sie das Alpenbild herunter [root@DockerB...