我正在创建一个有4个链接的HTML/CSS页面,
Home.html
Details.html
ContactMe.html
AboutUs.html
我想在所有关联的 HTML 页面中将其保留为标题。
此外,页面还有一个页脚,其中包含标语句子。
如何避免在所有 HTML 页面中对页眉和页脚进行编码。
谢谢!
请参阅: http://www.w3schools.com/php/php_includes.asp有简单的PHP脚本的例子
如果你可以使用PHP(我推荐),那么你可以简单地包含你的头文件:
例如索引.php:
<html>
<head>
</head>
<body>
<header>
<? include('header.html'); ?>
</header>
</body>
</html>
如果你必须严格使用HTML,那么你可以用jQuery加载html内容
例如索引.html:
<html>
<head>
<script src="jquery.js"></script>
<script>
$(function(){
$("header").load("header.html");
});
</script>
</head>
<body>
<header></header>
</body>
</html>
更新:
在标题中.html您可以将菜单作为 ul 列表
<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="Details.html">Details</a></li>
<li><a href="ContactMe.html">Contact Me</a></li>
<li><a href="AboutUs.html">About Us</a></li>
</ul>