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

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

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

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