Das Developer-Netzwerk von Mozilla
bietet zu diesem Thema weitere Infor-
mationen [4] an. Außerdem unterstützt
die vor Kurzem veröffentlichte Browser-
version Firefox 63 ein „modernes Web
Components API“ [5].
Im Lichte des DOM
Web Components sind selbst nicht stan-
dardisiert, aber im Stil eines Design Pat-
tern beschrieben [6]. Sie entstehen erst
im Zusammenspiel von Custom Elements
[7] mit dem Shadow DOM [8] und den
HTML-Templates [9].
Der erstgenannte dient dazu, Benutzer-
definierte Tags zu erzeugen, wie in den
Zeilen 26 bis 28 in Listing 5 zu sehen.
Dank des Shadow DOM lassen sich red-
undante ID-Attributwerte und Stylesheet-
Angaben vermeiden. HTML-Templates
erlauben es zudem, Dokumentfragmente
als HTML-Tags aufzuschreiben, wie es
etwa die Zeilen 1 bis 12 von Listings 3
demonstrieren.
Modular
Ferner ersetzt seit einiger Zeit das Mo-
dulsystem von Javascript [10] aus der
HTML-Spezifikation die HTML-Importe
beim Laden der Web Components. Um
fehlende Features im Browser nachzurüs-
ten, lädt Zeile 4 des HTML-Dokuments
aus Listing 1 das Polyfill über einen
»