Über diese Website

Dieser Kasten steht auf jeder Seite in der linken Spalte. Was darin steht, änderst du in der Konfiguration unter Plugins — oder du schaltest ihn dort ab.

Über dieses Handbuch

Dieses Handbuch gehört zur Vorlage Example für QuartzControl. Es erklärt die Vorlage und führt zugleich alles vor, was sie kann.

Der Text hier kommt aus einer Markdown-Datei, nicht aus der Konfiguration.

use-Element (MDN)

use-Element (MDN)

Quelle / bibliografische Angaben

MDN Web Docs, englische Fassung.

Kurzfassung

<use> kopiert Elemente an eine andere Stelle, als wären sie in ein verstecktes DOM geklont.

Kernaussagen

  • Banner: Baseline widely available seit Juli 2015, mit Hinweis auf Teile mit unterschiedlicher Unterstützung.
  • href zeigt auf das Original. xlink:href ist seit SVG 2 veraltet. Sind beide da, gilt href.
  • width und height wirken nur, wenn das Ziel ein <svg> oder <symbol> (also mit viewBox) ist.
  • Seit SVG 2 sind x, y, width, height Geometry Properties und lassen sich auch per CSS setzen.
  • Die meisten Attribute am <use> werden ignoriert, wenn das Original sie schon setzt. Nur x, y, width, height und href gelten immer.
  • Die Klone sind nicht im DOM sichtbar. CSS-Eigenschaften werden in den Klon nur sicher übertragen, wenn sie vererbt werden.
  • Browser können Verweise auf fremde Origins blockieren, eine Cross-Origin-Regelung gibt es nicht.
  • Externe Dateien gehen: href="icons.svg#stern". Ohne Fragment das ganze Dokument zu laden, ist experimentell (laut Tabelle Chrome 137, nicht Firefox und Safari).

Verknüpftes Wissen

Offene Fragen

  • Keine.

Weiterlesen

Diese Seite gehört zu gui-test — der Beispielvorlage für QuartzControl. Ein Überblick über alle Bereiche steht auf der Startseite.

Auf einem schmalen Bildschirm ist die Navigation oben eingeklappt.