前端如何实现把页面中公用的html结构拆分到单独的文件，用到的时候在通过引入？

Question

如下图，A B C 是公用部分，只有D是变动的。
我想实现的是，把A B C这三部分 分别拆分到单独的文件里（A.html B.html C.html）,其它页面在用到的时候，只要引入就可以了。这个改如何实现？

index.html: