1

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

为什么 HTML 中没有这样的功能？

4

2 回答 2

2

HTML 导入确实存在，但目前仍在开发中，可能需要一段时间才能被所有主要浏览器支持。

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

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

根据 Can I Use，自 Chrome 36 起就支持它

您可以在 HTML Imports 中阅读有关 HTML Imports 的更多信息：#include for web并遵循W3C 的规范。

于 2014-09-30T05:46:23.900 回答
1

试试这个链接，可以帮助你，导入页面......

http://www.html5rocks.com/en/tutorials/webcomponents/imports/

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

通过声明 a 在您的页面上包含导入：

<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">
于 2014-09-30T05:43:44.400 回答