Auf xlink:href veraltet in SVG

0
13

Ein Leser schrieb, um mir zu sagen, sollten wir aktualisieren unsere Artikel über SVG <use> – Elemente. Das Attribut verwenden wir immer für Sie, xlink:href, ist veraltet. In der Tat, MDN sagt:

Das ist ziemlich starke Sprache, damit der Leser die Warnung. Das ist ein bisschen überraschend für mich, als die SVG 2 Sache hat sich etwas seltsam. Es sieht aus wie es hat sich ein Kandidat Empfehlung wenn.

So…

<!– Dies ist ein altes –>
<svg>
<use xlink:href=”#whatever” />
</svg>

<!– Das ist neu –>
<svg>
<href=”#whatever” />
</svg>

Ich mag es. Aber funktioniert das eigentlich? Lemme Gabel meinem kleinen, alten demo und ändern Sie alle Referenzen. In einem Schnelldurchlauf, was ich haben einfachen Zugang zu:

Chrom 67
Firefox-61
Safari 11
Edge 17
IE 11
iOS 11
🙅♂️ 🙅♂️

Besser, als ich dachte! Aber genug 🙅♂️ no-go ‘ s gibt, und das Umschalten scheint alles viel zu gefährlich, vor allem, wenn xlink:href Unterstützung auf der ganzen Linie.

Wird der Browser tatsächlich ziehen unterstützen? Ich Wette, ya fünfzig Dollar keiner von Ihnen jemals zu tun. Es gibt Unmengen von websites, verwenden Sie das Attribut in dem alten format, die nie aktualisieren, und wir wissen, dass Browser nehmen, brechen die alten Seiten sehr ernst (yay).

Es fühlt sich wie die gleiche Sache mit, zum Beispiel :vor und ::vor. Ja, ::bevor Sie ist die neue und richtige syntax. Aber kein browser wird je ziehen Unterstützung für :vor (ich Wette, ya noch 50 Dollar), da es nur unnötig Pausen Seiten. Und weil das so ist, es macht fast am meisten Sinn, weiter zu verwenden :bevor Sie, wie Sie die breiteste Schneise der support auf diese Weise.

Wahrscheinlich werde ich nicht auf die Aktualisierung älterer Artikel über <use xlink:href=”” /> es sei denn, etwas bizarres passiert, und einige browser tatsächlich tut, ziehen Sie Unterstützung.

SHARE
Previous articleabc SVG
Next articleabc SVG –