Häufig verwendete Makros

Diese Seite listet viele der universell einsetzbaren Makros auf, die für die Nutzung auf MDN erstellt wurden. Für zusätzliche Informationen und Anleitungen zur Nutzung dieser Makros, siehe Makros verwenden.

Weitere Informationen zu selten genutzten, nur in speziellen Kontexten eingesetzten oder veralteten Makros finden Sie unter Andere Makros.

Verlinkung

MDN stellt eine Reihe von Link-Makros bereit, um die Erstellung von Links zu Referenzseiten, Glossareinträgen und anderen Themen zu erleichtern.

Link-Makros werden empfohlen, da sie kompakter und übersetzungsfreundlicher als normale Markdown-Links sind. Beispielsweise muss ein Glossar- oder Referenzlink, der mithilfe eines Makros erstellt wurde, nicht übersetzt werden: In anderen Sprachversionen wird er automatisch auf die korrekte Datei verweisen.

Das Glossary-Makro erstellt einen Link zu einem angegebenen Begriffseintrag im MDN-Glossar. Dieses Makro akzeptiert einen erforderlichen und einen optionalen Parameter:

  1. Der Name des Begriffs (z. B. "HTML"): {{Glossary("HTML")}} ergibt HTML.
  2. Optional: Der Text, der im Artikel anstelle des Begriffsnamens angezeigt werden soll: {{Glossary("CSS", "Cascading Style Sheets")}} ergibt Cascading Style Sheets.

Verlinkung von Seiten in Referenzen

Es gibt Makros für sprachunabhängige Verlinkungen zu Seiten in spezifischen Referenzbereichen in MDN: JavaScript, CSS, HTML-Elemente, SVG, usw.

Die Makros sind einfach zu verwenden: In der Regel reicht es aus, den Namen des zu verlinkenden Elements im ersten Parameter anzugeben. Die meisten Makros akzeptieren außerdem einen zweiten Parameter, um den angezeigten Text zu ändern (Dokumentation ist unter den Links in der linken Spalte nachzulesen).

... (Tabelle setzt sich fort) ...
Makro Verlinkt auf Seite unter Beispiel
CSSxRef CSS-Referenz (/Web/CSS/Reference) {{CSSxRef("cursor")}} ergibt cursor.
DOMxRef DOM-Referenz (/Web/API) {{DOMxRef("Document")}} oder {{DOMxRef("document")}} ergibt [`Document`](/de/docs/Web/API/Document),
{{DOMxRef("document.getElementsByName()")}} ergibt [`document.getElementsByName()`](/de/docs/Web/API/Document/getElementsByName)
{{DOMxRef("Node")}} ergibt [`Node`](/de/docs/Web/API/Node).
Sie können den angezeigten Text mit einem zweiten Parameter ändern: {{DOMxRef("document.getElementsByName()","getElementsByName()")}} ergibt [`getElementsByName()`](/de/docs/Web/API/Document/getElementsByName).
HTMLElement HTML-Element-Referenz (/Web/HTML/Element) {{HTMLElement("select")}} ergibt <select>
JSxRef JavaScript-Referenz (/Web/JavaScript/Reference). {{JSxRef("Promise")}} ergibt Promise
SVGAttr SVG-Attribut-Referenz (/Web/SVG/Attribute). {{SVGAttr("d")}} ergibt d

Previous, Next und PreviousNext bieten Navigationskontrollen für Artikel, die Teil einer Sequenz sind. Für die einseitigen Vorlagen ist nur der Wiki-Standort des vorherigen oder nächsten Artikels in der Sequenz erforderlich. Für PreviousNext sind zwei Parameter erforderlich: der vorherige und der nächste Wiki-Standort.

Codebeispiele

Live-Beispiele

... (Abschnitte setzen sich entsprechend fort) ...