Beispiel für Bildeinbindung mit Figure-Element
|
|
|
Das picture-Element (Sonderfall mit responsiven Eigenschaften)
|
|
|
Mit dem figure-Element lassen sich Bild- bzw. andere geeignete multimediale Objekte organisieren und mit einem untertitel versehen. Bei Figure handelt es sich um ein Inline-Element. Das heißt die Dinger können auch nebeneinander in einer Zeile organisiert werden, wenn es der Platz zulässt (Browserfenstergröße).
Mit figcaption besteht die Möglichkeit einen Umntertitel bzw. eine Beschreibung zum Bildobjekt zu hinterlegen. Der Vorteil dieser Methode besteht darin, dass Bild und Titel eine Einheit bilden und nicht wie 2 Objekte separat behandelt werden müssen.
Figcaption gehört als Unterelement(child) in ein Figure-Element(parent).
|
|
|
|
|
|
|
|