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>
