HTML/Elemente/a
Aus SELFHTML-Wiki
Das a-Element stellt einen Verweis, (Hyper)-Link auf eine (andere) Web-Adresse dar.
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>
Siehe auch
Weblinks
- Spezifikation (W3C): The a-Element
Syntax | Start-Tag: notwendig End-Tag: notwendig <a>…</a> |
---|---|
WAI-ARIA-Rolle |
|
Elternelemente | Darf vorkommen in:
Info: Elemente, die fließenden Inhalt erlauben (flow content expected)Info: Elemente, die fließenden Inhalt erlauben (flow content expected)
Info: Stil-Elemente (phrasing content)Info: Stil-Elemente (phrasing content) Information: Elemente, die fließenden Inhalt erlauben
Information: Stil-Elemente
|
erlaubte Inhalte |
Info: Transparenz (transparent content)Info: Transparenz (transparent content)
Info: interaktive Elemente (interactive content)Info: interaktive Elemente (interactive content) Information: Transparenz Ein Element wird als transparent bezeichnet, wenn es keine neuen Regeln hinsichtlich seines Inhaltes aufstellt. Die erlaubten Inhalte sind genau die Inhalte, die auch im Elternelement erlaubt sind. Transparente Elemente können entfernt werden, ohne dass das Dokument invalide wird.
Information: interaktive Elemente
|
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 | |
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 | bestimmt einen Download-Link auf eine Ressource, die als lokale Datei 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. | |
rel | CDATA | weiterführende Link-Typen - kommaseparierte Liste von Link-Typen | |
target | _blank, _self, _parent, _top | _self | bestimmt den Fensternamen des Verweisziels. |
type | CDATA | beratender Content-Type - Media Type nach RFC2045 |
Attribut: Pflichtattribut
Attribut: optionales Attribut
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.