要导入公共 HTML 文件,可创建该文件并添加 标签,链接到公共文件。此外,可使用 HTML Import API 导入文件,但该 API 仅适用于现代浏览器。对于旧版浏览器,则需采用其他方法(如 iframe)。

如何将公共 HTML 文件导入您的 HTML
在 HTML 中导入公共 HTML 文件是一种将文件的内容插入到另一个 HTML 文档中的便捷方法。这在您需要重复使用的代码块(例如导航栏或页脚)时特别有用。
方法:
-
创建公共 HTML 文件:
立即学习“前端免费学习笔记(深入)”;
- 创建一个新的 HTML 文件,包含您要导入的内容。
- 将此文件保存为 .html 文件扩展名。
-
链接到公共 HTML 文件:
-
在导入它的 HTML 文件中,添加以下代码:
- 确保
path/to/public_html_file.html替换为公共 HTML 文件的实际路径。
-
-
使用 HTML Import API:
-
在需要使用导入内容的地方,使用 HTML Import API。
-
注意:
- 公共 HTML 文件必须在同一目录或其子目录中。
- 您可以在一个 HTML 文件中导入多个公共 HTML 文件。
- HTML Import API 仅适用于现代浏览器。对于旧版浏览器,可以使用其他方法(例如 iframe)。











