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

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

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

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