你可以试试
<html>
<head>
<link href="your-css-file" />
</head>
<body>
<header>
// header contents here
</header>
<section id="page" role="main">
// page contents here
</section>
<footer>
// footer contents here
</footer>
<script src="your-js-file"></script>
</body>
</html>
然后,如果您想为每个部分保留 jQuery,则像这样构造您的 js 文件
$(document).ready(function(){
headerStuff();
pageStuff();
footerStuff();
function headerStuff(){
// do header stuff
}
function pageStuff(){
// do page stuff
}
function footerStuff(){
// do footer stuff
}
});
我建议考虑使用它来获得更好的主意。它已预先设置并准备好让您编码
http://html5boilerplate.com/