来两个需要被载入相同html代码的文件(可以多个)注:这几个文件都是.php文件
一:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>include载入侧边栏文件</title>
</head>
<body>
<h3>个人中心</h3>
<!-- include引入公共需要的html片段 include:可以载入多次 include_once:只能怪载入一次-->
<?php include "aside.php" ?>
<main>
这里是主页面内容
</main>
</body>
</html>
二:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>include载入侧边栏文件</title>
</head>
<body>
<h3>个人中心</h3>
<!-- include引入公共需要的html片段 -->
<?php include "aside.php" ?>
<main>
这里是主页面内容2
</main>
</body>
</html>
一个公共的被载入的页面
<!-- 写一段可以被多个页面调用的html片段 -->
<aside>
<ul>
<li>我的资料</li>
<li>我的相册</li>
<li>我的钱包</li>
<li>我的收藏</li>
<li>修改资料</li>
</ul>
</aside>
实现效果


我们可以看到两个文件中个人中心的列表部分都是相同的,其他的主内容是不同的。 |