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
mysql bestimmt, ob die aktuelle Zeit zwischen der Start- und Endzeit liegt und ob die Start- und Endzeit leer sein dürfen
Inhaltsverzeichnis Anforderung: Abfrage laufender...
Reines CSS zum Erreichen der Funktion „Klicken zum Erweitern und Lesen des Volltexts“
Notiz Beim Entwickeln einer Benutzeroberfläche fü...
So ändern Sie den Benutzer und die Gruppe einer Datei in Linux
Wenn unter Linux eine Datei erstellt wird, ist de...
Standards zum Schreiben von Codekommentaren bei der Webseitenerstellung
<br />Ich habe die in meiner Arbeit verwende...
Eine kurze Diskussion über allgemeine Operationen von MySQL in cmd und Python
Umgebungskonfiguration 1: Installieren Sie MySQL ...
Fallstudie zu JavaScript-Style-Objekten und CurrentStyle-Objekten
1. Stilobjekt Das Stilobjekt stellt eine einzelne...
Schritte zum Übertragen des neuen Kernels auf das Linux-System
1. Laden Sie das Ubuntu16.04-Image und den entspr...
Detailliertes Tutorial zur Installation von Nginx 1.16.0 unter Linux
Da ich in letzter Zeit mit Linux herumgespielt ha...
Einführung in die Installations- und Bereitstellungsschritte für SSL-Zertifikate unter Nginx
Inhaltsverzeichnis Problembeschreibung: Installat...
So aktivieren Sie Flash in Windows Server 2016
Ich habe vor Kurzem VMware Horizon bereitgestellt...
Beispiel für die Implementierung einer Paging-Funktion im Vue-Backend-Verwaltungssystem
In diesem Artikel wird hauptsächlich die Implemen...
Zusammenfassung der Probleme mit der horizontalen und vertikalen Zentrierung in HTML
Ich bin in letzter Zeit auf viele Zentrierungspro...
Details zur MySQL-Datenbankarchitektur
Inhaltsverzeichnis 1. MySQL-Architektur 2. Netzwe...
Detaillierte Erläuterung der für das Front-End erforderlichen Nginx-Konfiguration
Nginx (Engine x) ist ein leichter, leistungsstark...
Details zum MySQL-Index-Pushdown
Inhaltsverzeichnis 1. Prinzip des ganz linken Prä...