Веб-компоненты

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Черновик
Эта страница не завершена.

Веб-компоненты состоят из нескольких отдельных технологий. Вы можете думать о Веб-компонентах как о переиспользуемых виджетах пользовательского интерфейса, которые создаются с помощью открытых веб-технологий. Они являются частью браузера и поэтому не нуждаются во внешних библиотеках, таких как jQuery или Dojo. Существующая Веб-компонента может быть использована без написания кода, просто путем добавления оператора импорта на HTML-страницу. Веб-компоненты используют новые или разрабатываемые стандартные возможности браузера.

Заметка: Это экспериментальная технология. Браузер, который вы используете, должен поддерживать веб-компоненты. Смотрите Enabling Web Components in Firefox.

Определение выше справедливо на данный момент, но не включает многие другие случаи, для которых могут быть созданы Веб-компоненты. С Веб-компонентой вы можете практически все, что можно сделать с помощью HTML, CSS и JavaScript, и она  может быть переносимой, так что вы можете легко переиспользовать ее.

Иногда возникает некоторое замешательство относительно Веб-компонент и Google Polymer. Polymer это фреймфорк, основанный на технологии Веб-компонент. Вы можете создавать и использовать Веб-компоненты без Polymer.

Веб-компоненты реализованы не полностью в некоторых браузерах, поэтому, использование их сейчас в большинстве браузеров (январь 2015), вероятно, потребует использования полифила, чтобы заполнить недостояющий функционал. Полифилы доступны в Google Polymer project. Чтобы понять, какой браузер реализует Веб-компоненты, смотри Are We Componentized Yet?

Веб-компоненты состоят из четырех технологий (несмотря на то, что каждая может быть использована отдельно):

Спецификация Веб-компонент определяет следующие пункты:

Разрешение Веб-компонент в Firefox

Возможности Веб-компонент по умолчанию отключены в Firefox. Чтобы разрешить их, перейдите на страницу about:config и отключите любые предупреждения, которые появятся. Затем найдите свойство, называемое dom.webcomponents.enabled и установите его в true.

Firefox enable web components

Спецификации

Спецификация Статут Комментарии
Custom Elements Рабочий черновик  
WHATWG HTML Living Standard
Определение 'template element' в этой спецификации.
Живой стандарт No change
HTML5
Определение 'template element' в этой спецификации.
Рекомендация Initial definition
Shadow DOM Рабочий черновик  
HTML Imports Рабочий черновик  
CSS Scoping Module Level 1 Рабочий черновик  

Метки документа и участники

 Внесли вклад в эту страницу: curdwithraisins, dmitrykurmanov, Kalita-Roman
 Обновлялась последний раз: curdwithraisins,