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
Lösung für das Problem, dass der MySQL-Dienst unter Windows nicht gestoppt oder gelöscht werden kann
Ich habe MySQL unter Windows installiert, indem i...
JS berechnet die Gewinnwahrscheinlichkeit basierend auf dem Preisgewicht
Inhaltsverzeichnis 1. Beispielszenario 1.1. Legen...
MySQL-Experiment: Verwenden von Explain zur Analyse des Indextrends
Überblick Die Indizierung ist eine Fähigkeit, die...
Detaillierte Erklärung zu Drag-Time und Drag-Case in JavaScript
Inhaltsverzeichnis DragEvent-Schnittstelle Übersi...
Erläuterung der Ausführungspriorität von mySQL-Schlüsselwörtern
Wie unten dargestellt: aus Tabelle wobei Bedingun...
Webdesign-Zusammenfassung
<br />Von der Geburt meiner ersten persönlic...
Div überschreitet den versteckten Text und versteckt den CSS-Code jenseits des Div-Teils
Vor dem Verstecken: Nach dem Verstecken: CSS: Code...
Verwenden von Docker-Ausführungsoptionen zum Überschreiben von Einstellungen im Dockerfile
Normalerweise definieren wir zuerst die Dockerfil...
Geben Sie zwei Zahlen in HTML ein, um Additions-, Subtraktions-, Multiplikations- und Divisionsfunktionen zu realisieren
1. parseFloat()-Funktion Erstellen Sie auf einer ...
Detaillierte Erklärung der Lösung für das Nginx-Panikproblem
In Bezug auf das Nginx-Panikproblem müssen wir zu...
Wie besteht man die W3C-Validierung?
Neben der Festlegung von Vorschriften für verschi...
JavaScript-Timer zur Realisierung einer zeitlich begrenzten Flash-Sale-Funktion
In diesem Artikel wird der spezifische JavaScript...
Zusammenfassung mehrerer APIs oder Tipps in HTML5, die Sie nicht verpassen sollten
In früheren Blogbeiträgen habe ich mich auf einige...
Konzept und Anwendungsbeispiele für die MySQL-Indexkardinalität
Dieser Artikel erläutert anhand von Beispielen da...
Vue implementiert Fuzzy-Abfrage-MySQL-Datenbankdaten
Inhaltsverzeichnis 1. Nachfrage 2. Umsetzung 3. E...