Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

Draft
This page is not complete.

Web Components sind eine Zusammenfassung mehrer Web-Technologien. Man kann sich Web Components als wiederverwendbare User Interface Widegts, die mit öffentlichen Web Technologien erstellt werden, vorstellen. Sie sind Teil des Browsers und benötigen keine externen Bibliotheken wie jQuery oder Dojo. Eine bestehende Web Component kann einfach mit einem import Statement hinzugefügt werden, ohne Code schreien zu müssen(nicht aktuell). Web Components verwenden neue oder in Entwicklung befindliche Browser-Funktionen.

Note: This is an experimental technology. The browser you use it in must support Web Components. See Enabling Web Components in Firefox.

The description above works fairly well at this moment in time, but it leaves out many other things that Web Components could be created for. With a Web Component, you can do almost anything that can be done with HTML, CSS and JavaScript, and it can be a portable component that can be re-used easily.

Sometimes there is some confusion regarding Web Components and Google Polymer. Polymer is a framework that is based on Web Components technologies. You can make and use Web Components without Polymer.

Web Components are not fully implemented in all browsers yet, and so to use them right now in most browsers (January 2015) you will probably need to use polyfills to fill in the gaps in browser coverage. Polyfills are available in the Google Polymer project. To find out which browsers implement Web Components, see Are We Componentized Yet?

Web Components consists of these four technologies (although each can be used separately):

The Web Components specifications define the following items:

Enabling Web Components in Firefox

Web Components capabilities are disabled by default in Firefox. To enable them, go to the about:config page and dismiss any warning that appears. Then search for the preference called dom.webcomponents.enabled, and set it to true.

Firefox enable web components

Specifications

Specification Status Comment
HTML Living Standard
Die Definition von 'template element' in dieser Spezifikation.
Lebender Standard  
HTML Living Standard
Die Definition von 'custom elements' in dieser Spezifikation.
Lebender Standard  
DOM
Die Definition von 'shadow trees' in dieser Spezifikation.
Lebender Standard  
Shadow DOM Veraltet  
HTML Imports Arbeitsentwurf  
CSS Scoping Module Level 1 Arbeitsentwurf  

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: dreitzner, DomenicDenicola
Zuletzt aktualisiert von: dreitzner,