html と css を使用してテンプレートを作成したいので、次の template.html ファイルを作成しました。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Application</title>
<link href="CSS/layout.css" rel="stylesheet" />
<script src=""></script>
</head>
<body>
<div class="wrapper">
<div class="header">
<!--<div class="header_left"></div>
<div class="header_right"> -->
<h3>Application</h3>
<h4>**** Project ****</h4>
</div>
<div class="navbar">
<ul class="mainnavbar">
<li><a href="#">Home</a></li>
<li><a href="login.html">About</a></li>
<li><a href="#">Description</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
<div class="mainbody">
<div class="leftcol">
<div class="left_navbar">
<ul class="left_inner">
<li><a href="#">Login</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Description</a></li>
<li><a href="#">Contact me</a></li>
</ul>
</div>
</div>
<div class="midcol">
Center
</div>
<div class="rightcol">
Right Column
</div>
</div>
<div class="footer">Designed By <a href="">Me</a></div>
</div>
</body>
</html>
動的な Web サイトを作成したいので、この template.html を index.php、header.php、navbar.php、home.php、および footer.php に分割します。だから私は次のことをしました:
index.php
<?php
include("includes/header.html");
include("includes/navbar.html");
include("includes/home.html");
include("includes/footer.html");
?>
header.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Application</title>
<link href="CSS/layout.css" rel="stylesheet" />
<script src=""></script>
</head>
<body>
<div class="wrapper">
<div class="header">
<!--<div class="header_left"></div>
<div class="header_right"> -->
<h3>Application</h3>
<h4>****Project ****</h4>
</div>
navbar.html
<div class="navbar">
<ul class="mainnavbar">
<li><a href="#">Home</a></li>
<li><a href="login.html">About</a></li>
<li><a href="#">Description</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
home.html
<div class="mainbody">
<div class="leftcol">
<div class="left_navbar">
<ul class="left_inner">
<li><a href="#">Login</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Description</a></li>
<li><a href="#">Contact me</a></li>
</ul>
</div>
</div>
<div class="midcol">
Center
</div>
<div class="rightcol">
Right Column
</div>
</div>
footer.html
<div class="footer">Designed By <a href="">me</a></div>
</div>
</body>
</html>
これらのファイルは、includes というフォルダーにあります。template.html ファイルを 4 つの html ファイルに分割し、index.php から呼び出しましたが、ブラウザーで index.php を実行すると白いページが表示されます。何か足りないものはありますか?