如何在 html 中将文件内容包含在 html 的 html 标题部分?[复制]

How can I include file content to html head section in html? [duplicate]

提问人:Mr. Brooks 提问时间:10/28/2023 最后编辑:philipxyMr. Brooks 更新时间:10/28/2023 访问量:50

问:

我有这个_head.html文件:

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Weboldal modulokból</title>
<link rel="stylesheet" href="styles.css">

如何将_head.html文件的内容插入到索引.html<的头部>标签中?

这是我的解决方案:

<head><link rel="import" href="_head.html"></head>

但这是一个错误的结果。

HTML 文件

评论


答:

0赞 Mahmud Hasan 10/28/2023 #1

HTML 导入是一项仅在 Google Chrome 中原生运行的功能。从版本 31 开始,Google Chrome 中对 HTML 导入的支持一直可用,但需要手动启用。更多细节可以参考 MDN Web Docs 上的官方文档。

因此,使用 Link 标签应该不再起作用了。示例如下:

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

相反,请尝试在 php 中执行此操作。这是一个简单的例子

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Basic HTML Imports</title>
    <!-- Pull in our blog post example -->
    <?php require('blog-post.html'); ?>
  </head>
  <body>
    <p>Hello World!</p>
  </body>
</html>

确保您的索引文件名为 Index.php,您可以查看屏幕截图。

Screenshot