1. MDN Web Docs
  2. Schreibrichtlinien
  3. Seitenstrukturen
  4. Seitentypen
  5. SVG-Element-Seitenvorlage

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

SVG-Element-Seitenvorlage

Hinweis: Entfernen Sie diese ganze erläuternde Notiz vor der Veröffentlichung

Seitendaten:

Der Vordergrund der Seite definiert die "Seiten-Metadaten". Die Werte sollten für das jeweilige Element entsprechend aktualisiert werden.

md
---
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

Die Hauptü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-Pfades nach https://developer.mozilla.org/de/docs/. Dies wird formatiert wie Web/SVG/Reference/Element/NameOfTheElement.

page-type

Immer svg-element.

status

Flags, die den Status dieses Features beschreiben. Ein Array, das einen oder mehrere der folgenden enthalten kann: experimental, deprecated, non-standard. Dieser Schlüssel sollte nicht manuell gesetzt werden: Er wird automatisch basierend auf den Werten in den Daten zur Browser-Kompatibilität für das Feature gesetzt. Siehe "Wie Feature-Status hinzugefügt oder aktualisiert werden".

browser-compat

Ersetzen Sie den Platzhalterwert svg.elements.NameOfTheElement mit dem Abfragestring für das Element im Daten-Repo zur Browser-Kompatibilität. Die Toolchain verwendet automatisch den Schlüssel, 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 Daten-Repo zur Browser-Kompatibilität erstellen/aktualisieren müssen, und dass der Eintrag Spezifikationsinformationen enthalten muss. Siehe unseren Leitfaden, wie man dies macht.

Dies ist svgref für alle SVG-Leitfaden- und Referenzseiten. Siehe Seitenstrukturen: Seitenleisten für Details.

Makros am Seitenbeginn

Eine Reihe von Makros erscheint am Anfang des Inhaltsbereichs direkt nach dem Seitenvordergrund. Diese Makros werden automatisch von der Toolchain hinzugefügt. Vermeiden Sie daher, diese hinzuzufügen oder zu entfernen:

  • {{SeeCompatTable}} — dies generiert ein Dies ist eine experimentelle Technologie-Banner, das anzeigt, dass die Technologie experimentell ist. Wenn sie 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.
  • {{Deprecated_Header}} — dies generiert ein Veraltetes-Banner, das anzeigt, dass die Nutzung der Technologie nicht empfohlen wird.
  • {{Non-standard_Header}} — dies generiert ein Nicht-Standard-Banner, das anzeigt, dass das Feature nicht Teil irgendeiner Spezifikation ist.

Siehe "Wie Feature-Status hinzugefügt oder aktualisiert werden" für Informationen.

Beispiele der Experimentellen, Veralteten und Nicht-Standard Banner werden nach diesem Notizblock gezeigt.

Denken Sie daran, diese ganze erläuternde Notiz 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.

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

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 der Seite mit einem einleitenden Absatz – nennen Sie zuerst das Element und sagen Sie, was es macht. Dies sollte idealerweise ein oder zwei kurze Sätze umfassen.

Verwendungskontext

{{svginfo}}

Damit die richtigen Informationen hier erscheinen, füllen Sie einen Eintrag für das Element im {{svginfo}}-Makro aus, falls es dort noch nicht vorhanden ist.

Um dieses Makro zu nutzen, entfernen Sie die Backticks und den Schrägstrich in der Markdown-Datei.

Attribute

Globale Attribute

Spezifische Attribute

  • Fügen Sie eine Aufzählung
  • aller spezifischen
  • SVG-Attribute hinzu, die es annehmen kann

DOM-Schnittstelle

Dieses Element implementiert die {{domxref("NameOfSVGElement")}} Schnittstelle.

Beispiele

Beachten Sie, dass wir den Plural "Beispiele" verwenden, selbst 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 beschreibend sein, was das Beispiel tut. Zum Beispiel sagt "Ein einfaches Beispiel" 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 auf Beispiele auf einer anderen Seite verlinken.

Szenario 1: Wenn Sie einige Beispiele auf dieser Seite haben und einige weitere Beispiele auf einer anderen Seite:

Fügen Sie eine H3-Überschrift (###) für jedes Beispiel auf dieser Seite hinzu und dann eine letzte H3-Überschrift (###) mit dem Text "Weitere Beispiele", unter der Sie auf die Beispiele auf anderen Seiten verlinken können. Zum Beispiel:

md
## Beispiele

### Nutzung der Fetch-API

Beispiel von Fetch

### Weitere Beispiele

Links zu weiteren Beispielen auf anderen Seiten

Szenario 2: Wenn Sie nur Beispiele auf einer anderen Seite haben und keine auf dieser Seite:

Fügen Sie keine H3-Überschriften hinzu; fügen Sie einfach die Links direkt unter der H2-Überschrift "Beispiele" hinzu. Zum Beispiel:

md
## Beispiele

Für Beispiele zu dieser API, siehe [die Seite zu fetch()](https://example.org/).

Spezifikationen

{{Specifications}}

Um dieses Makro zu nutzen, entfernen Sie die Backticks und den Schrägstrich in der Markdown-Datei.

Browser-Kompatibilität

{{Compat}}

Um dieses Makro zu nutzen, entfernen Sie die Backticks und den Schrägstrich in der Markdown-Datei.

Siehe auch

Fügen Sie Links zu Referenzseiten und Leitfäden hinzu, die mit dem aktuellen Element zusammenhängen. Für weitere Richtlinien siehe den Siehe auch Abschnitt im Schreibstil-Leitfaden.

  • link1
  • link2
  • external_link (Jahr)

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden