HTML/Elemente/figure
Aus SELFHTML-Wiki
Das figure-Element ist ein semantisches Elternelement für eine zum Seiteninhalt gehörende Abbildung (Bild, Grafik, Diagramm, Tabelle, Zitat, …).
Beispiel
<figure role="group">
<img src="Selfhtml-Logo-Neu.png" alt="SelfHTML-Logo">
<figcaption>
Das neue SelfHTML-Logo von 2012 (<a href="#">weitere Informationen</a>)
</figcaption>
</figure>
Siehe auch
- HTML/Tutorials/HTML5/Textstrukturierung
- HTML/Tutorials/Bilder im Internet/Bilder mit CSS formatieren
Weblinks
- Spezifikation (W3C): The figure-Element
- WHATWG: figure (Screenshots von Anwendungsbeispielen)
Syntax | Start-Tag: notwendig End-Tag: notwendig <figure>…</figure> |
---|---|
WAI-ARIA-Rolle |
|
Elternelemente | Darf vorkommen in:
Information: Elemente, die fließenden Inhalt erlauben
|
erlaubte Inhalte |
entweder
oder
Information: Fluss-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. |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Textstrukturierung