Das beste HTML Tag <a>-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Browser-Unterstützung,Tag Definitionen und Anleitungen,Tipps und Hinweise,Die Unterschiede zwischen den HTML 4.01 und HTML5,Immobilien,globale Eigenschaften,Ereigniseigenschaften,Versuchen Sie - Beispiel,In Verbindung stehende Artikel, lernen
Link zu diesem Tutorial:
Alle gängigen Browser unterstützen <a> Label.
<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:
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.
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.
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。 |
<a> Tag unterstützt HTML globale Eigenschaften .
<a> Tag unterstützt HTML Ereigniseigenschaften .
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).
HTML - DOM Referenz: Anchor Objekte