SVG-Element-Seitenschablone
Hinweis: Entfernen Sie diese ganze erklärende Anmerkung vor der Veröffentlichung
Seitenfrontmatter:
Das Frontmatter oben auf der Seite wird verwendet, um "Seitenmetadaten" zu definieren. Die Werte sollten entsprechend für das jeweilige Element aktualisiert werden.
---
title: <NameOfTheElement>
slug: Web/SVG/Reference/Element/NameOfTheElement
page-type: svg-element
status:
- deprecated
- experimental
- non-standard
browser-compat: svg.elements.NameOfTheElement
sidebar: svgref
---
- title
-
Titelüberschrift, die oben auf der Seite angezeigt wird. Formatieren Sie als <NameOfTheElement>. Zum Beispiel hat das Element "g" einen title von
<g>. - slug
-
Das Ende des URL-Pfads nach
https://developer.mozilla.org/de/docs/. Dies wird formatiert wieWeb/SVG/Reference/Element/NameOfTheElement. - page-type
-
Immer
svg-element. - status
-
Kennzeichnungen, die den Status dieses Features beschreiben. Ein Array, das einen oder mehrere der folgenden Begriffe enthalten kann:
experimental,deprecated,non-standard. Dieser Schlüssel sollte nicht manuell gesetzt werden: Er wird automatisch basierend auf den Werten in den Browser-Kompatibilitätsdaten für das Feature gesetzt. Siehe "Wie Feature-Status hinzugefügt oder aktualisiert werden". - browser-compat
-
Ersetzen Sie den Platzhalterwert
svg.elements.NameOfTheElementmit dem Abfrage-String für das Element im Browser-Kompatibilitätsdaten-Repo. Die Toolchain verwendet diesen Schlüssel automatisch, um die Kompatibilitäts- und Spezifikationsabschnitte zu füllen (Ersetzen der{{Compat}}und{{Specifications}}Makros).Beachten Sie, dass Sie möglicherweise zuerst einen Eintrag für das Element in unserem Browser-Kompatibilitätsdaten-Repo erstellen/aktualisieren müssen, und der Eintrag muss Spezifikationsinformationen enthalten. Siehe unser Leitfaden, wie das geht.
-
Dies ist
svgreffür alle SVG-Leitfaden und Referenzseiten. Siehe Seitenstrukturen: Sidebars für Details.
Makros am Anfang der Seite
Eine Anzahl von Makros erscheint am Anfang des Inhaltsabschnitts unmittelbar nach dem Seiten-Frontmatter. Diese Makros werden automatisch durch Werkzeuge hinzugefügt, also vermeiden Sie das Hinzufügen oder Entfernen:
{{SeeCompatTable}}— Dies erzeugt ein Dies ist eine experimentelle Technologie-Banner, das anzeigt, dass die Technologie experimentell ist. Wenn es experimentell ist und die Technologie hinter einem Pref in Firefox verborgen ist, sollten Sie auch einen Eintrag dafür auf der Seite Experimentelle Funktionen in Firefox ausfüllen.{{Non-standard_Header}}— Dies erzeugt ein Nicht standardmäßig-Banner, das anzeigt, dass das Feature nicht Teil einer Spezifikation ist.
Siehe "Wie Feature-Status hinzugefügt oder aktualisiert werden" für Informationen.
Beispiele der Experimentellen, Veralteten und Nicht standardmäßigen Banner sind nach diesem Notizblock gezeigt.
Denken Sie daran, diese ganze erklärende Anmerkung vor der Veröffentlichung zu entfernen
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Beginnen Sie den Inhalt auf der Seite mit einem einführenden Absatz – beginnen Sie mit der Benennung des Elements und beschreiben Sie, was es tut. Dies sollte idealerweise ein oder zwei kurze Sätze sein.
Verwendungskontext
{{svginfo}}
Damit die korrekten Informationen hier erscheinen, fügen Sie einen Eintrag für das Element im {{svginfo}}-Makro ein, wenn es dort noch nicht enthalten ist.
Um dieses Makro zu verwenden, entfernen Sie die Backticks und den Backslash in der Markdown-Datei.
Attribute
>Globale Attribute
Spezifische Attribute
- Fügen Sie eine Aufzählung
- Liste aller SVG-Attribute hinzu,
- die es aufnehmen kann
DOM-Schnittstelle
Dieses Element implementiert die {{domxref("NameOfSVGElement")}} Schnittstelle.
Beispiele
Beachten Sie, dass wir den Plural "Beispiele" verwenden, auch wenn die Seite nur ein Beispiel enthält.
Eine beschreibende Überschrift
Jedes Beispiel muss eine H3-Überschrift (###) haben, die das Beispiel benennt. Die Überschrift sollte beschreiben, was das Beispiel tut. Zum Beispiel, "Ein einfaches Beispiel" sagt nichts über das Beispiel aus und ist daher keine gute Überschrift. Die Überschrift sollte prägnant sein. Für eine längere Beschreibung verwenden Sie den Absatz nach der Überschrift.
Siehe unseren Leitfaden, wie man Code-Beispiele hinzufügt, für weitere Informationen.
Hinweis: Manchmal möchten Sie möglicherweise auf Beispiele verlinken, die auf einer anderen Seite gegeben sind.
Szenario 1: Wenn Sie einige Beispiele auf dieser Seite und einige weitere Beispiele auf einer anderen Seite haben:
Fügen Sie eine H3-Überschrift (###) für jedes Beispiel auf dieser Seite hinzu und dann eine abschließende H3-Überschrift (###) mit dem Text "Weitere Beispiele", unter dem Sie auf die Beispiele auf anderen Seiten verlinken können. Zum Beispiel:
## Beispiele
### Verwendung der Fetch-API
Beispiel der Fetch-Methode
### Weitere Beispiele
Links zu weiteren Beispielen auf anderen Seiten
Szenario 2: Wenn Sie nur Beispiele auf einer anderen Seite und keine auf dieser Seite haben:
Fügen Sie keine H3-Überschriften hinzu; fügen Sie die Links direkt unter der H2-Überschrift "Beispiele" hinzu. Zum Beispiel:
## Beispiele
Für Beispiele dieser API siehe [die Seite über fetch()](https://example.org/).
Spezifikationen
{{Specifications}}
Um dieses Makro zu verwenden, entfernen Sie die Backticks und den Backslash in der Markdown-Datei.
Browser-Kompatibilität
{{Compat}}
Um dieses Makro zu verwenden, entfernen Sie die Backticks und den Backslash in der Markdown-Datei.
Siehe auch
Fügen Sie Links zu Referenzseiten und Leitfäden hinzu, die sich auf das aktuelle Element beziehen. Weitere Richtlinien finden Sie im Siehe auch Abschnitt im Leitfaden für den Schreibstil.
- link1
- link2
- external_link (Jahr)