Heim > Artikel > Web-Frontend > So schreiben Sie Ankertext in HTML
Sie sind vielleicht nicht mit dem Wort Ankertext vertraut, aber Sie müssen sich über Hyperlinks im Klaren sein. Wenn wir also über Ankertext sprechen, werden Ankerlinks auch Hyperlinks genannt. Dann wissen Sie bestimmt, was Ankertext ist, oder? Heute werden wir über die Verwendung von Ankertext sprechen.
13c256d905f0af0dcaeb93cf9512f182Verlinkter Inhalt5db79b134e9f6b82c0b36e0489ee08ed
Webadresse, die URL muss hinzugefügt werden mit http://+ Domainname
relativer Pfad, z. B. htef="/abc/", stellt den Ankertext auf dieser Site dar
Zielzielwert ist wie folgt:
_blank – in Öffne den Link in einem neuen Fenster_parent – Öffne den Link im übergeordneten Formular _self – Öffne den Link im aktuellen Formular, dies ist der Standardwert _top – Öffne den Link im aktuellen Formular und ersetze das Ganze aktuelles Formular (Frame-Seite)
Wenn das Ziel keinen Wert hat, bedeutet dies, dass der Link im übergeordneten Formular dieser Seite geöffnet wird
Gemeinsame Attribute im A-Tag:
1), href: Öffnen Sie die Zieladresse (Website), die normalerweise ausgefüllt wird, um zur Zieladresse weitergeleitet zu werden. Beispielsweise öffnet href="http://www.php.cn /" die Seite http://www.php.cn/
, wenn der Besucher auf den entsprechenden Ankertext klickt.2), Ziel: Öffnen Sie die Zielmethode
Wenn das a-Tag kein solches Element enthält, wird standardmäßig die entsprechende Link-Webseite auf der Durchsuchen-Webseite neu geladen
_blank: Erstellen Sie eine neue Label-Fensterseite. Nachdem Sie auf den Ankertext geklickt haben, wird die entsprechende Adresse für das neue Label-Webseitenfenster geöffnet.
_parent: Das übergeordnete Element öffnet die Webseite Es versteht sich, dass die Webseite dieser Seite den Ankertext für den HTML-Frame neu lädt iframe Auf der Webseite wird die gesamte Webseite neu geladen, um die Ziel-URL-Adresse zu öffnen
Es gibt zwei häufig verwendete Methoden Um das Ziel zu öffnen, besteht eines darin, ein neues Fenster zu erstellen, eines darin, die Ankertextadresse dieser Seite neu zu laden, um auf die URL zu verweisen, ohne das Ziel festzulegen, und das andere darin, die gesamte übergeordnete Webseite neu zu laden (ähnlich dem Nicht-Festlegen von a). Ziel) hat den gleichen Effekt.
HTML eine Funktion
Die Verwendung eines Ankerlinks kann von Seite A zu Seite B führen, die häufig gesehen und verwendet wird, z. B. auf Nachrichten-Websites Klicken Sie mit der Maus und rufen Sie eine andere Seite auf, um Einzelheiten zu erfahren. Dies ist die Anwendung von HTML als Hyperlink.
HTML ein Anwendungsbeispiel
<a href="http://www.php.cn/" target="_blank" title="转到PHP主页">php</a>
HTML ein Anwendungsbereich
Verwenden Sie HTML A, um Text-Hyperlinks zu Bildern zu verankern
exp:
<a href="http://www.php.cn/" target="_blank" title="转到php主页"><img src="http://www.php.cn" /></a>
Sie können Text-Hyperlinks in Textinhalten verankern
<a href="http://www.php.cn/">php</a>
HTML einer Anwendungserweiterung
Text auf derselben Seite verankern – nach oben und unten an die angegebene Position innerhalb der Seite gehen gleiche Seite
Wir sehen oft, dass wir durch Klicken auf den Link „Zurück zum Anfang“ unten auf unserer Seite zum Seitenanfang gelangen.
Exp:
Zuerst fügen wir ein
<span id="top" name="top"></span>
oben im Hauptteil der Webseite ein. 2. Wir gehen zum Hauptteil und klicken Um nach oben zu gelangen, fügen Sie die Position hinzu: 32b8079eefba4a22cdbe0fbb9a6fbf4aZurück nach oben5db79b134e9f6b82c0b36e0489ee08ed
Auf diese Weise können Sie zum schnellen Durchsuchen auf „Zurück nach oben“ klicken zum oberen Rand der Webseite innerhalb dieser Seite.
Syntax verwenden:
1. Sie müssen an die Stelle gehen, an der Sie hinzufügen möchten: b75fd2931e187ca695d44631ee9bec57text5db79b134e9f6b82c0b36e0489ee08ed. Beachten Sie, dass der href-Wert beginnt mit # + englischen Buchstaben Name
2. Sie müssen es am umgeleiteten Speicherort hinzufügen, 83433fe055a1c55529f238e73775620154bdf357c58b8a65c66d7c19c8e4d114, beachten Sie, dass die ID und Namenswerte sind die gleichen und sind die gleichen wie ein Name
Es gibt so viele Verwendungsmöglichkeiten für Ankertexte. Bitte achten Sie auch weiterhin auf andere Updates auf dieser Website.
Empfohlene Lektüre:
Das obige ist der detaillierte Inhalt vonSo schreiben Sie Ankertext in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!