header元素
一般用来放置整个页面的标题，比如说一个新闻页面，header一般放新闻的标题，如果是一个官方网址，一般header用来放logo和网站导航。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>header元素</title> </head> <body> <header> <h1>IT最新技术</h1> <a href="http:///www.baidu.com">百度</a> <nav> <ul> <li><a href="#">学习</a></li> </ul> </nav> </header> </body> </html>
footer元素
一般用来放置脚注，主要包含：作者信息、copyright。
address元素
一般用来呈现联系信息，主要包括：网站的联系方式，电子邮箱，地址
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>address元素</title> </head> <body> <address> <a href="#">iwen</a> <a href="#">ime</a> </address> <footer> <div> <address> <a href="#">ioj</a> 地址：*** </address> <time datetime="2019-03-11">2019-03-11</time> </div> </footer> </body> </html>
网页编排
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网页编排</title> </head> <body> <header> <h1>网页标题</h1> <nav> <ul> <li><a href="#">首页</a></li> </ul> </nav> </header> <article> <h1>文章主标题</h1> <p>文章正文</p> <section> <div> <article> <h1>评论标题</h1> <p>评论正文</p> </article> </div> </section> </article> <footer> <small>版权所有：....</small> </footer> </body> </html>