HTML/Elemente/a
Aus SELFHTML-Wiki
Das a-Element stellt einen Verweis, (Hyper-)Link auf eine (andere) Web-Adresse dar.
- Syntax
- Start-Tag: notwendig
- End-Tag: notwendig
- WAI‑ARIA‑Rolle
-
-
link
-
menuitem
, falls es sich in einem menu-Element befindet - keine, falls es kein href-Attribut besitzt
-
- Elternelemente
- Darf vorkommen in:
- allen Elementen mit flow content
- allen Elementen mit phrasing content
- erlaubte Inhalte
-
- alle in den Eltern-Elementen erlaubten Inhalte
- aber keine interaktiven Elemente, keine
<a>
-Elemente und kein Element mit tabindex-Attribut.
Beispiel
<p>
<a href="https://www.tagesschau.de/">ARD Tagesschau</a>
<a href="images/9/99/1000px-Internet_map_1024.jpg">
<img src="images/9/99/1000px-Internet_map_1024.jpg" width="100">
</a>
</p>
<a id="tipp" href="https://validator.w3.org/">
<aside>
<h3>Validator</h3>
<p>Überprüfen Sie Ihre Webseiten auf mögliche Fehler.</p>
</aside>
</a>
Innerhalb des p
-Absatzes gibt es ein a
-Element mit Linktext und einen Link auf eine Grafik. Anstelle eines Linktextes wird das Bild als kleine Vorschau angezeigt.
In HTML5 ist es aber auch möglich, Block-Elemente wie das aside
durch einen Link zu umschließen.
Name | Inhalt | Standardwert | Bedeutung |
---|---|---|---|
Universalattribute | |||
id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
class | CDATA | ordnet ein Element einer oder mehreren Klassen zu. | |
accesskey | ID | Tastaturkürzel | |
contenteditable | CDATA | editierbarer Inhalt | |
contextmenu | definiert Kontextmenü | ||
dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
draggable | ID | kann mit Drag & Drop gezogen werden | |
dropzone | CDATA | Aktion bei Ablegen | |
hidden | versteckter Inhalt | ||
lang | NAME | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
spellcheck | ID | Rechtschreibprüfung Sollte auch für input type="password" deaktiviert werden.
| |
style | CDATA | notiert direkt in einem Element- style sheet data | |
tabindex | NAME | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
title | CDATA | betitelt oder beschreibt ein Element. | |
download | CDATA | gibt an, dass das Linkziel ein Download-Link ist und schlägt einen Namen vor, unter dem die verlinkte Ressource gespeichert werden kann. | |
href | CDATA | bestimmt das Ziel des Verweises (siehe Referenzieren in HTML). | |
hreflang | NAME | bestimmt den Sprachcode nach RFC1766 | |
media | CDATA | gibt an, für welche Medien/Geräte das verknüpfte Dokument optimiert ist. | |
ping | CDATA | sendet eine Benachrichtigung/Ping wenn der Benutzer den Hyperlink folgt. | |
referrerPolicy | CDATA | welche Informationen dürfen im Referer-Header an die verlinkte Seite übergeben werden | |
rel | CDATA | weiterführende Link-Typen - kommaseparierte Liste von Link-Typen | |
target | _blank, _self, _parent, _top, TARGETNAME | _self | bestimmt den Fensternamen des Verweisziels. |
type | CDATA | informiert über den Medientyp der verlinkten Ressource, wird vom Browser nicht beachtet. |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Siehe auch
Weblinks
- Spezifikation (W3C): The a-Element