A especificação dos componentes da web ( Web Components em inglês) está sendo padronizada pelo World Wide Web Consortium (W3C), a organização de padrões da web .
Os componentes da Web permitem que os desenvolvedores criem tags HTML personalizadas e reutilizáveis.
“Os componentes Web permitem combinar vários elementos para criar componentes de interface gráfica ( widgets ) reutilizáveis com um nível de riqueza e interatividade além do que é possível hoje em se limitar ao CSS”, explica o W3C.
Os componentes da web são baseados em várias interfaces de programação W3C (APIs):
Vários polyfills estão começando a aparecer para componentes da web:
Brick da Mozilla.
Aqui está um exemplo bastante minimalista de um aplicativo ( Hello World ) usando um componente da web (por meio do polyfill webcomponents.js):
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hello world</title> <!-- Importing Web Component's Polyfill --> <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script> <!-- Importing Custom Elements --> <link rel="import" href="src/hello-world.html"> </head> <body> <!-- Using Custom Elements --> <hello-world who="World"></hello-world> </body> </html>