天天看点

footer元素

<!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>      

在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>      
<!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>