Question

在许多编程语言中，有一些类型的'include'命令/指令/语句可以帮助开发人员制作源代码，更多的是“模块化”，因此不需要将所有内容都包含在一个单个文件。

为什么HTML中没有这样的工具？

Answer 1

HTML Imports确实存在，但目前仍处于开发阶段，可能需要一段时间，直到所有主流浏览器都支持它们。

就像包含CSS和favicons一样，link元素用于导入HTML片段，然后您可以使用JavaScript来使用（即克隆）：

<link rel="import" href="/path/to/imports/stuff.html">

您可以在HTML Imports: #include for the web阅读有关HTML Imports的更多信息，也可以关注specification at the W3C。

Answer 2

尝试此链接，可以帮助您，导入页面......

HTML Imports是Web组件的一部分，是将HTML文档包含在其他HTML文档中的一种方法。你也不仅限于标记。导入还可以包括CSS，JavaScript或.html文件可以包含的任何其他内容。换句话说，这使得import成为加载相关HTML / CSS / JS的绝佳工具。

通过声明：

在您的网页上加入导入

<head>
  <link rel="import" href="/path/to/imports/stuff.html">
</head>

导入的URL称为导入位置。要从其他域加载内容，导入位置需要启用CORS：

<!-- Resources on other origins must be CORS-enabled. -->
<link rel="import" href="http://example.com/elements.html">