<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>foot</title>
<style>
*{margin:0;
padding:0;
}
body{
font-family:微软雅黑;
text-align:center;
}
#footer,#footer a{
color:#555;
}
</style>
</head>
<body>
<div id="footer">
<p>
<a href="#">版权信息</a>|
<a href="#">关于我们</a>|
<a href="#">联系我们</a>|
<a href="#">站点地图</a>|
</p>
<p>麦子学院版权所有</p>
</div>
</body>
</html>

footer元素-LMLPHP

在html5中

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>foot</title>
<style>
*{margin:0;
padding:0;
}
body{
font-family:微软雅黑;
text-align:center;
}
footer,footer a{
color:#555;
}
</style>
</head>
<body>
<!--<div id="footer">-->
<footer>
<p>
<a href="#">版权信息</a>|
<a href="#">关于我们</a>|
<a href="#">联系我们</a>|
<a href="#">站点地图</a>|
</p>
<p>麦子学院版权所有</p>
<!--</div>-->
</footer>
</body>
</html>

footer元素-LMLPHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<article>
<p>文章内容</p>
<footer>
文章的脚步注释
</footer>
</article>
<section>
<p>文章内容</p>
<footer>文章的脚步注释</footer>
</section>
</body>
</html>

footer元素-LMLPHP

05-11 13:04