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.
Glossar-Links
Das Glossary
-Makro erstellt einen Link zu einem angegebenen Begriffseintrag im MDN-Glossar.
Dieses Makro akzeptiert einen erforderlichen und einen optionalen Parameter:
- Der Name des Begriffs (z. B. "HTML"):
{{Glossary("HTML")}}
ergibt HTML. - 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).
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
|
Navigationshilfen für mehrseitige Leitfäden
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
EmbedLiveSample
ermöglicht das Einbetten eines Codebeispiels auf einer Seite, wie in Live-Beispiele beschrieben.LiveSampleLink
erstellt einen Link zu einer Seite mit der Ausgabe eines Codebeispiels, wie in Live-Beispiele beschrieben.EmbedGHLiveSample
ermöglicht das Einbetten von Live-Beispielen von GitHub-Seiten. Weitere Informationen finden Sie unter GitHub Live-Beispiele.
... (Abschnitte setzen sich entsprechend fort) ...