0
我已經使用HTML5，CSS3和jQuery創建了小型網頁。HTML5中的header，footer和index.html中的問題
這裏是我的index.html代碼：
<!DOCTYPE HTML>
<html>
<?php include("header.html");?>
<body id="demo-one">
<div id="fb-root"></div>
<script type="text/javascript">
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id = "wrap">
<!-- Header -->
<header>
<div id="address">255 Nandanam, linefocus CT 06810 | + 044 - 4386 1111 | <a href="mailto:[email protected]" class="white">[email protected]</a></div>
<div id="logo"><img class="header-image" src="img/Untitled-1.png" alt="Church Of Our Lady Of Health - Pattabiram Military Siding" />
<h5 class="caption">Church Of Our Lady Of Health - Pattabiram Military Siding</h5>
</div>
<!-- Search box -->
<form>
<input type="search" placeholder="Search">
</form>
<!-- End Search box -->
<!-- Navigation -->
<nav id="menu-wrap">
</nav>
<!-- End Navigation -->
</header>
<!-- End Header -->
<!--main-->
<main class="clearfix">
<aside class="sidebar">
<div class="inside">
<section id="content">
</section>
</div>
<!-- Youtube palyer-1 -->
<div class="inside">
<section class="content">
</section>
</div>
<!-- Youtube palyer-2 -->
<div class="inside">
<section class="content">
</section>
</div>
<!-- Facebook Page -->
<div class="inside">
<section class="content">
</section>
</div>
<!-- News Feed -->
<div class="inside">
<section class="content">
</section>
</div>
</aside>
<!--main content-->
<!--end main-->
<!-- #footer -->
<?php include("footer.html");?>
<!--/#footer -->
</div>
<script type="text/javascript" src='http://codepen.io/assets/libs/fullpage/jquery.js'></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!--js--sticky-footer-->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script src="js/index-scroll.js"></script>
</body>
</html>
這是header.html中：
<!DOCTYPE HTML>
<html>
<head>
<title>Responsive Design Website</title>
<link rel = "stylesheet" type = "text/css" href = "css/style.css" media="screen"/>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.jsdelivr.net/animatecss/2.1.0/animate.min.css">
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700,800" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<link href="video-js.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="img/favicon.ico">
<script src="video.js"></script>
<script type="text/javascript" src="engine1/jquery.js"></script>
<script>
videojs.options.flash.swf = "video-js.swf";
</script>
</head>
</html>
footer.html：
<!DOCTYPE HTML>
<html>
<!-- #footer > #links-home -->
<footer>
<address itemscope="" itemtype="http://schema.org/LocalBusiness">
<span class="copyright">Copyright © 2014</span>
<span class="name" itemprop="legalName"> Church Of Our Lady Of Health.</span>
</address>
</footer>
</html>
但我的網頁沒」不包含任何樣式或沒有任何東西頁面看起來像這樣http://imgur.com/eq8Ubp3
我認爲我的代碼不正確，請問我的index.html和footer.html中的哪些方法或確切內容需要應用在我的index.html中？
任何人都可以請幫我解決這個問題嗎？
在此先感謝。
你在控制檯得到任何錯誤？ – 2014-10-30 06:33:57
您在HTML文件中使用PHP代碼？你的文件應該是'.php'的擴展名... – Xlander 2014-10-30 06:34:55
@SureshPonnukalai：我如何知道錯誤控制檯？ – deepika 2014-10-30 06:37:46