我正在使用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>
谢谢!
扬
答案 0 :(得分:3)
不是这样,不。根据可访问性和易用性,有几种选择:
iframes
framesets
(遗产,请尽可能避免)。<!--#include virtual="header.html" -->
iframes
<!-- Assuming HTML5 -->
<iframe src="header.html" seamless></iframe>
<script>
// We have a magic ajax function
ajax("header.html", function(data) {
document.getElementById("header").innerHTML = data;
});
</script>
framesets
请勿: - )
答案 1 :(得分:0)
不,HTML不提供此类功能。但是,您可以使用服务器端(此处有许多选项,具体取决于您的服务器设置)或客户端(JavaScript,使用AJAX加载额外内容)解决方案来实现结果。
答案 2 :(得分:0)
您可以使用HTML模板实现相同的功能.....如果您使用的是Dreamweaver,那么为您的页眉页脚创建1 .dwt文件并在网站上创建通用布局..........它将包含在内自动到你的所有页面..... :)。
不需要任何服务器端脚本只是普通的HTML ......................