简介

Web组件（英语：Web Components）是W3C正在向HTML和DOM规范添加的一套功能，它允许在Web文档和Web应用程序中创建可重用的小部件或组件。这样做的目的是将基于组件的软件工程引入万维网。组件模型将允许单个HTML元素的封装和互操作性。

Web组件由四大部分组成，可单独或组合使用。

• 自定义元素 - 定义新HTML元素的API

• 影子DOM - 封装的DOM和样式，配以组合化

• HTML导入 - 将HTML文档导入其他文档的声明方法

• HTML模板 -元素，允许文档包含惰性的DOM块浏览器Google Chrome、Mozilla Firefox、Microsoft Edge、Safari和Opera已支持HTML模板。自定义元素和影子DOM的一个早期版本（称为v0）已在某些基于Blink的浏览器（例如Google Chrome和Opera）以及Mozilla Firefox（需要手动修改配置）中支持。较新版的自定义元素和影子DOM（v1）API正在Safari10、Google Chrome (53.0.2785)以及Mozilla Firefox中开发。Microsoft Edge尚未开始实现自定义元素和影子DOM。对旧版浏览器的向后兼容性可以使用基于JavaScript的polyfill实现。程序库已有多个程序库在创建自定义元素时基于Web组件以提高抽象度。几个比较为人熟知的是：X-Tag、Slim.js、Polymer和Bosonic。其中的Bosonic和Polymer提供可免费使用的现成组件。这些组件可交替使用，因为它们都基于开放的Web技术。历史Alex Russell在2011年的Fronteers大会上首次提出Web组件。Google在2013年发布了一个基于Web组件的程序库“Polymer”。封装性在面向对象编程方法中，封装（英语：Encapsulation）是指，一种将抽象性函数接口的实现细节部分包装、隐藏起来的方法。同时，它也是一种防止外界调用端，去访问对象内部实现细节的手段，这个手段是由编程语言本身来提供的。这两个概念有一些不同，但通常被混合使用。封装被视为是面向对象的四项原则之一。适当的封装，可以将对象使用接口的程序实现部分隐藏起来，不让用户看到，同时确保用户无法任意更改对象内部的重要数据。它可以让代码更容易理解与维护，也加强了代码的安全性。互操作性互操作性（英文：Interoperability；中文又称为：协同工作能力，互用性）作为一种特性，它指的是不同的系统和组织机构之间相互合作，协同工作（即互操作）的能力。技术系统工程设计（technical systems engineering）方面常常会用到这条术语；另外，广义地说，还会考虑到那些影响系统间性能（system to system performance）的社会、政治和组织机构因素。另外，Interop还是几个年度网络产品贸易展览会的名称（英文：annual networking product trade shows）。