English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Der HTML <a>-Tag definiert einen Hyperlink, der in einem HTML-Dokument auf eine URL oder ein Ziel verweist. Dieser Tag wird auch als <a>-Element bezeichnet.
Verknüpfung zum Grundlagen-Tutorial-Netzwerk :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Grundlagen-Tutorial-Netzwerk(oldtoolbag.com)</title> </head> <body> <a href="https://de.oldtoolbag.com">Besuchen Sie das Grundlagen-Tutorial-Netzwerk!/a> </body> </html>Testen Sie es heraus ‹/›
IEFirefoxOperaChromeSafari
Alle gängigen Browser unterstützen den <a>-Tag.
Der <a>-Tag definiert einen Hyperlink, der zur Verknüpfung von einer Seite zu einer anderen verwendet wird.
Das wichtigste Attribut des <a>-Elements ist das href-Attribut, das das Ziel des Links angibt.
In allen Browsern hat das Standardaussehen von Links folgendes Aussehen:
Nicht besuchte Links sind unterstrichen und blau.
Besuchte Links sind unterstrichen und lila.
Aktive Links sind unterstrichen und rot.
Der HTML <a>-Element befindet sich innerhalb des <body>-Tags.
Beginnend mit <a> und endend mit </Der Text zwischen <a> und </a> wird als Hyperlinktext angezeigt (d.h. unterstrichener Text).
Wenn Sie möchten, dass die Ressource in einem neuen Fenster geöffnet wird, verwenden Sie das Attribut target = "_blank". Zum Beispiel können Sie einen Hyperlink wie folgt schreiben:<a href="/examples/filename.html" target="_blank">Verknüpfung zum Dateinamen</a>
In Chinesisch, in HTML 4.01 In Chinesisch, der <a>-Tag kann sowohl ein Hyperlink als auch ein Anker sein. In HTML5 In Chinesisch, der <a>-Tag ist ein Hyperlink, aber ohne das Attribut href ist er nur ein Platzhalter für einen Hyperlink.
HTML5 Es gibt einige neue Attribute und einige Attribute werden nicht mehr unterstützt. 4.01 Attribute.
New: HTML5 neue Attribute hinzugefügt.
| Attribute | Wert | Beschreibung |
|---|---|---|
| charset | char_encoding | HTML5 Nicht unterstützt. Legt die Zeichensatzkodierung der Ziel-URL fest. |
| coords | coordinates | HTML5 Nicht unterstützt. Legt die Koordinaten des Links fest. |
| downloadHTML5 | filename | Spezifiziert den Download-Link |
| href | URL | Legt die Ziel-URL des Links fest. |
| hreflang | language_code | Legt die Basissprache der Ziel-URL fest. Wird nur verwendet, wenn das href-Attribut vorhanden ist. |
| mediaHTML5 | media_query | Legt den Mediengenre der Ziel-URL fest. Standardwert: all. Wird nur verwendet, wenn das href-Attribut vorhanden ist. |
| name | section_name | HTML5 Nicht unterstützt. Legt den Namen der Anker fest. |
| pingHTML5 | list_of_URLs | Liste der mit Leerzeichen getrennten URLs der URL. Wenn der Link nachgefolgt wird, wird ein Ping-Anfrage vom Browser gesendet (Backend). Normalerweise zum Tracking verwendet |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url | Spezifiziert den konkreten Push-Typ |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Legt die Beziehung zwischen dem aktuellen Dokument und der Ziel-URL fest. Wird nur verwendet, wenn das href-Attribut vorhanden ist. |
| rev | text | HTML5 Nicht unterstützt. Legt die Beziehung zwischen der Ziel-URL und dem aktuellen Dokument fest. |
| shape | default rect circle poly | HTML5 Nicht unterstützt. Legt die Form des Links fest. |
| target | framename | Legt fest, wo die Ziel-URL geöffnet wird. Wird nur verwendet, wenn das href-Attribut vorhanden ist. |
| type HTML5 | MIME_type | Legt den MIME-Typ der Ziel-URL fest. Wird nur verwendet, wenn das href-Attribut vorhanden ist. Anmerkung: MIME = Mehrzweck-Erweiterungen für Internet-Mails. |
Unterstützung des <a>-Tags HTML-Global-Attribute.
Unterstützung des <a>-Tags HTML-Event-Attribute.
Bildverknüpfung Dieser Beispiel zeigt, wie man ein Bild als Link verwendet.
Auf eine bestimmte Position in der aktuellen Seite verlinken Dieser Beispiel zeigt, wie man Bookmarks verwendet
Aus dem Frame aussteigen Aus dem Frame aussteigen
E-Mail-Link erstellen Dieser Beispiel zeigt, wie man auf eine E-Mail verlinkt. (Dieser Beispiel funktioniert nur, wenn ein E-Mail-Client installiert ist.)
E-Mail-Link erstellen 2 Dieser Beispiel zeigt einen komplexeren E-Mail-Link.
Telefonlink erstellen Dieser Beispiel zeigt, wie man einen Link erstellt, der einen Anruf tätigen kann.
HTML-Tutorial:HTML-Verknüpfung
HTML DOM Referenzhandbuch: Anchor-Objekt