模組是一個好東西，它可以讓程式設計師能夠順利的DRY，以避免可能的WET，也可以省下大把的時間。但這件事在網頁上並不是容易的事。

曾經，網頁分成HTML,CSS和腳本語言，不同的瀏覽器可能要使用完全不同的語法--IE VS NN的戰爭---

這裡使用腳本語言而不是Javascript是因為，當時IE是使用JScript，NN才是使用Javascript

曾經，同樣都是ECMAScript的實現，每個瀏覽器或平臺的支援度都可能不一樣---看看那IE的支援度---

以上的這些問題，終於在這幾年中得以解決---因為IE己經解決了---

web component所使用的技術

web component是由以下三種技術所組合而成

Custom elements

一組 "Javascript" 的 "Web API"，這個技術能透過Javascript的function constructor或class來定義一個自定義HTML Element。

Shadow DOM

一組 "Javascript" 的 "Web API"，這個技術能把web component 內部的DOM獨立成一個Shadow DOM，避免web component以外的部分對內部的影響。

HTML templates

新的HTML元素，'template'和'slot'，這二個元素可以幫忙開發者更高效的建立Custom elements

參考資料

MDN的web component說明