123456789101112131415161718192021222324252627282930313233343536 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- header {
- width: 100%;
- }
- </style>
- </head>
- <body>
- <!--
- HTML为什么要语义化?
- 1.便携开发,提高开发效率
- 2.方便搜索引擎查找内容
- <header> 定义页面头部内容
- <nav> 定义导航内容
- <article> 定义文章内容
- <aside> 定义侧边框
- <section> 定义文章中的一块内容
- <footer> 定义页尾内容
- -->
- <div>
- <header></header>
- <nav></nav>
- <article></article>
- <aside></aside>
- <section></section>
- <footer></footer>
- <!-- <div class="nav"></div> -->
- <!-- <div id="header"></div> -->
- </div>
- </body>
- </html>
|