HTML Tag <a>
Beispiele
Link zu diesem Tutorial:
Versuchen »
(Weitere Beispiele finden Sie in der unten auf der Seite)
Browser-Unterstützung
Alle gängigen Browser unterstützen <a> Label.
Tag Definitionen und Anleitungen
<a> Tag definiert einen Hyperlink von einer Seite zu einer anderen Seite zu verknüpfen.
Das wichtigste Element ist das Attribut href <a> Attribut, das das Link-Ziel angibt.
In allen Browsern, sieht die Standard-Link wie folgt aus:
- Nicht besuchten Link ist unterstrichen und blau
- Wurde besuchten Link ist unterstrichen und lila
- Aktive Verbindung ist unterstrichen und rot
Tipps und Hinweise
Tipp: Wenn Sie nicht das Attribut href verwenden, können Sie nicht hreflang, Medien, rel, Ziel und Typ Eigenschaften verwenden.
Tipp: In der Regel in den aktuellen Browserfenster verknüpften Seiten angezeigt, es sei denn , die Bestimmungen des anderen Ziel.
Tipp: Verwenden Sie CSS , um die Art der Verbindung zu ändern.
Die Unterschiede zwischen den HTML 4.01 und HTML5
In HTML 4.01 kann <a> Tag sowohl ein Hyperlink sein, es kann verankert werden. In HTML5 ist <a> Label einen Hyperlink, aber wenn es keine Attribut href ist, es ist nur ein Platzhalter für einen Hyperlink.
HTML5 hat einige neue Attribute, während nicht mehr einige HTML 4.01 Attribute unterstützt.
Immobilien
Neu: HTML5 neue Eigenschaft.
| 属性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
| coords | coordinates | HTML5 不支持。规定链接的坐标。 |
| download New | filename | 指定下载链接 |
| href | URL | 规定链接的目标 URL。 |
| hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
| media New | media_query | 规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。 |
| name | section_name | HTML5 不支持。规定锚的名称。 |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
| rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
| shape | default rect circle poly |
HTML5 不支持。规定链接的形状。 |
| target | _blank _parent _self _top framename |
规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
| type New | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 注：MIME = Multipurpose Internet Mail Extensions。 |
globale Eigenschaften
<a> Tag unterstützt HTML globale Eigenschaften .
Ereigniseigenschaften
<a> Tag unterstützt HTML Ereigniseigenschaften .
Versuchen Sie - Beispiel
Erstellen von Hyperlinks
Dieses Beispiel zeigt, wie Sie einen Link in einem HTML-Dokument zu erstellen.
Ein Bild als Link
Dieses Beispiel zeigt, wie ein Bild als Link zu verwenden.
Link in einem neuen Browserfenster
Dieses Beispiel zeigt, wie eine Seite in einem neuen Fenster zu öffnen, so dass die Besucher Ihre Website nicht verlassen müssen.
Erstellen Sie E-Mail - Link
Dieses Beispiel zeigt, wie eine Nachricht zu verknüpfen. (In diesem Fall arbeiten, nachdem Sie die E-Mail-Client zu installieren.)
Erstellen Sie E-Mail - Link 2
Dieses Beispiel zeigt eine komplexere E-Mail-Link.
Verwenden Sie Anker an eine andere Stelle auf der gleichen Seite zu springen
Dieses Beispiel zeigt, wie man auf der Seite das id-Attribut Anker Sprung in eine andere Position zu verwenden (HTML5 unterstützt nicht Attribut name).
In Verbindung stehende Artikel
HTML - DOM Referenz: Anchor Objekte