在HTML中怎么将共有代码块设置为一个组件在多个页面共享

现在要写一个网站，想写一个工具栏在每个页面都出现，怎么在每个HTML页面实现呢？

include:一个网站很多页面里面，一部分内容的代码是一样的，比如：head，footer，menu等。那么我们则可以写一个头部，一个尾部，一个menu然后引入到需要用的页面里面，则不需用写重复的代码了。include是在a.html里面嵌入b.html的代码，是将代码拼凑完整，而不是在浏览器中嵌入一个浏览器。
这样的好处是，当重复代码修改一个小地方时候，只需在一个html里面修改，不需要重复修改代码，也不会因为页面太多导致漏掉未修改。

<include file="">

html文件引入其它html文件的几种方法：include方式 - 柒柒701 - 博客园 可以在一个html的文件当中读取另一个html文件的内容吗？答案是确定的，而且方法不只一种，在以前我只会使用iframe来引用，后来发现了另外的几种方法，那今天就总结这几种方法让大家参考一下。 1.I https://www.cnblogs.com/qmx5942701/p/5474063.html

可以用vue的组件

介绍 — Vue.js Vue.js - The Progressive JavaScript Framework https://cn.vuejs.org/v2/guide/#%E7%BB%84%E4%BB%B6%E5%8C%96%E5%BA%94%E7%94%A8%E6%9E%84%E5%BB%BA

个人感觉用 HTML转换成JS格式 最方便
你可以将你公共代码部分粘贴到下面链接转换为JS格式，创建一个新的JS放入里面去。
http://tool.chinaz.com/Tools/Html_Js.aspx
然后哪里需要就在哪里引用那个JS文件就行