HTML/Elemente/svg
Aus SELFHTML-Wiki
Das svg-Element ist ein Container für die XML-Sprache SVG, mit der Sie skalierbare Vektorgrafiken in Ihre Webseite integrieren können.
- Syntax
- Start-Tag: notwendig
- End-Tag: notwendig
- WAI‑ARIA‑Rolle
-
- keine
- Elternelemente
- Darf vorkommen in:
- allen Elementen mit flow content
- erlaubte Inhalte
-
- beliebig viele SVG-Elemente
Beispiel
<svg width="300" height="200" viewbox="0 0 3 2">
...
</svg>
{{{BeispielText}}}
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. | |
width | NUMBER | Breite des SVG Viewports in CSS-Pixel | |
height | NUMBER | Höhe des SVG Viewports in CSS-Pixel | |
preserveAspectRatio | align meetOrSlice? | xMidYMid meet | Skalierungsverhalten - Werte für align und meetOrSlice finden Sie auf der Detailseite |
viewBox | NUMBER*4 | SVG-Koordinatensystem innerhalb des Viewports | |
x | NUMBER | 0 | X-Position des Elements (bei SVG in SVG) |
y | NUMBER | 0 | Y-Position des Elements (bei SVG in SVG) |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Siehe auch
- SVG (Portalseite)
- SVG/Element/svg
- Einstieg in SVG (Tutorial)
Weblinks
Spec (W3C): The svg element
Grundstruktur
- Multimedia und Grafiken
- Formulare
- Seitenstrukturierung
- Textstrukturierung
- Textauszeichnung
- Tabellen
- Skripte
- Interaktive Elemente