摘要：未來會使用來取代它，但是現在貌似還沒有取代的方案，在新版的中這個功能已經被刪除了，并且在使用的時候會在中給出警告。

嘿！看看這幾年啊，Web 前端的發展可是真快啊！
想想幾年前，HTML 是前端開發者的基本技能，通過各式各樣的標簽就可以搭建一個可用的網站，基本交互也不是問題。如果再來點 CSS，嗯，金黃酥脆，美味可口。這時候再撒上幾把 JavaScript，簡直讓人欲罷不能。
隨著需求的增長，HTML 的結構越來越復雜，大量重復的代碼使得頁面改動起來異常困難，這也就孵化了一批批模版工具，將公共的部分抽取出來變為公共組件。再后來，隨著 JavaScript 的性能提升，JavaScript 的地位越來越高，不再只是配菜了，前端渲染的出現降低了服務端解析模版的壓力，服務端只要提供靜態文件和 API 接口就行了嘛。再然后，前端渲染工具又被搬回了服務端，后端渲染出現了（黑人問號？？？）
總之，組件化使得復雜的前端結構變得清晰，各個部分獨立起來，高內聚低耦合，使得維護成本大大降低。
那么，你有聽說過原生 HTML 組件嗎？

在說原生 HTML 組件之前，要先簡單介紹一下四大 Web 組件標準，四大 Web 組件標準分別為：HTML Template、Shadow DOM、Custom Elements 和 HTML Imports。實際上其中一個已經被廢棄了，所以變成“三大”了。

HTML Template 相信很多人都有所耳聞，簡單的講也就是 HTML5 中的