2.标签.html 919 B

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. header {
  9. width: 100%;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <!--
  15. HTML为什么要语义化?
  16. 1.便携开发,提高开发效率
  17. 2.方便搜索引擎查找内容
  18. <header> 定义页面头部内容
  19. <nav> 定义导航内容
  20. <article> 定义文章内容
  21. <aside> 定义侧边框
  22. <section> 定义文章中的一块内容
  23. <footer> 定义页尾内容
  24. -->
  25. <div>
  26. <header></header>
  27. <nav></nav>
  28. <article></article>
  29. <aside></aside>
  30. <section></section>
  31. <footer></footer>
  32. <!-- <div class="nav"></div> -->
  33. <!-- <div id="header"></div> -->
  34. </div>
  35. </body>
  36. </html>