gpt4 book ai didi

html - HTML 有 "Include/Import"函数吗?

转载 作者:可可西里 更新时间:2023-11-01 13:14:21 25 4
gpt4 key购买 nike

我正在使用 HTML/CSS 开发一个静态网站。我的网站有 7 个页面,每个页面都有完全相同的标题内容。 HTML 中是否有某种导入/包含功能?

这是我要寻找的那种东西的例子(注意我完全编造了语法):

[来源(header.html)]

<html>
<head><title>Source Page</title></head>
<body>
<div id="myheader">Hello, World!</div>
<body>
</html>

[从源导入的页面]

<html>
<head><title>My Title</title></head>
<body>
<div import="id:myheader;source:url('header.html');"/>
<body>
</html>

谢谢!

一月

最佳答案

不是这样,不是。按照可访问性和易用性的顺序,有几个选项:

  1. Server-side includes (假设您的静态文件服务器支持它们 - 大多数都支持)。
  2. iframes
  3. 单页应用程序样式(需要 JavaScript)。
  4. framesets (旧版,尽可能避免)。

例子

SSI

<!--#include virtual="header.html" -->

iframe

<!-- Assuming HTML5 -->
<iframe src="header.html" seamless></iframe>

Javascript

<script>
// We have a magic ajax function
ajax("header.html", function(data) {
document.getElementById("header").innerHTML = data;
});
</script>

框架集

只是不要 :-)

关于html - HTML 有 "Include/Import"函数吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13324213/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com