Beispiel
Ein Link zu w3ii.com:
<a href="http://www.w3ii.com">Visit w3ii.com!</a>
Versuch es selber " Mehr "Versuchen Sie es selbst" Beispiele unten.
Definition und Verwendung
Der <a> Tag definiert einen Hyperlink, der von einer Seite zur anderen zu verbinden verwendet wird.
Die wichtigste Eigenschaft des <a> Element ist das href - Attribut, das die Verbindung des Ziel angibt.
Standardmäßig werden Links erscheinen als in allen Browsern folgt:
- Ein unvisited Link ist unterstrichen und blau
- Ein besuchten Link ist unterstrichen und lila
- Eine aktive Verbindung ist unterstrichen und rot
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <a> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Tipp: Die following Attribute: download, hreflang, media, rel, target und type kann nicht vorhanden sein , wenn das href Attribut nicht vorhanden ist.
Tipp: Eine verknüpfte Seite normalerweise im aktuellen Browserfenster angezeigt wird, wenn Sie ein anderes Ziel angeben.
Tipp: Verwenden Sie CSS Stil Links: CSS Verbindungen Tutorial & CSS Buttons Tutorial
Unterschiede zwischen HTML 4.01 und HTML5
In HTML 4.01, die <a> könnte Tag entweder einen Hyperlink oder ein Anker sein. In HTML5, die <a> ist Tag immer einen Hyperlink, aber wenn es keine hat href Attribut, es ist nur ein Platzhalter für einen Hyperlink.
HTML5 hat einige neue Attribute und einige HTML 4.01 Attribute werden nicht mehr unterstützt.
Attribute
= Neu in HTML5.
globale Attribute
Die <a> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <a> Tag unterstützt auch die Veranstaltung in HTML - Attribute .
Probieren Sie es selbst - Beispiele
erstellen von Hyperlinks
Wie Hyperlinks zu erstellen.
Ein Bild als Link
Wie ein Bild als Link zu verwenden.
Öffnen Sie einen Link in einem neuen Browser - Fenster
Wie man einen Link in einem neuen Browserfenster zu öffnen, so dass der Besucher nicht Ihre Website zu verlassen hat.
Erstellen Sie einen mailto - Link
Wie zu einer Mail-Nachricht zu verknüpfen (funktioniert nur, wenn Sie E-Mails installiert haben).
Erstellen Sie einen mailto - Link 2
Ein weiterer Mailto-Link.
Link zu einem Element mit einer bestimmten id
Wie man mit einem bestimmten zu einem Element zu verknüpfen - id innerhalb einer Seite (der name Attribut nicht in HTML5 unterstützt).
Link zu einem JavaScript
Wie ein JavaScript in den hinzuzufügen href - Attribut.
Verwandte Seiten
HTML - DOM - Referenz: Anchor - Objekt
CSS Tutorial: Styling Verbindungen
Standard CSS-Einstellungen
Die meisten Browser wird das Display <a> Element mit den folgenden Standardwerte:
a:link, a:visited {
color: ( internal value );
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: ( internal value );
} | Attribut | Wert | Beschreibung |
|---|---|---|
| charset | char_encoding | Nicht in HTML5 unterstützt. Gibt den Zeichensatz eines verknüpften Dokuments |
| coords | coordinates | Nicht in HTML5 unterstützt. Gibt die Koordinaten eines Links |
| download | filename | Gibt an, dass das Ziel heruntergeladen wird, wenn ein Benutzer auf den Hyperlink klickt |
| href | URL | Gibt die URL der Seite der Link geht zu |
| hreflang | language_code | Gibt die Sprache des verknüpften Dokuments |
| media | media_query | Gibt an, welche Medien / Gerät das verknüpfte Dokument für optimiert |
| name | section_name | Nicht in HTML5 unterstützt. Verwenden Sie die globale id - Attribut statt. Gibt den Namen eines Ankers |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Gibt die Beziehung zwischen dem aktuellen Dokument und das verknüpfte Dokument |
| rev | text | Nicht in HTML5 unterstützt. Gibt die Beziehung zwischen dem verknüpften Dokument und dem aktuellen Dokument |
| shape | default rect circle poly | Nicht in HTML5 unterstützt. Legt die Form eines Links |
| target | _blank _parent _self _top framename | Gibt an, wo das verknüpfte Dokument zu öffnen |
| type | media_type | Gibt den Medientyp des verknüpften Dokuments |