01.语义化标签2.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <!--
  11. 布局标签(结构化语义标签)
  12. -->
  13. <!--
  14. header 表示网页的头部(也就是网页的顶部)
  15. main 表示网页的主题部分(一个网页中只会有一个main
  16. footer 表示网页的底部
  17. nav 表示网页中的导航
  18. aside 和主体相关的其他内容(侧边栏)
  19. article 表示文章
  20. section 表示一个独立的区块,上边的标签都不能表示时使用section
  21. div 没有语义,就用来表示一个区块,目前来讲,div还是我们主要的布局元素
  22. span 行内元素,没有任何的语义,一般用于在网页中选中文字
  23. -->
  24. <header></header>
  25. <main></main>
  26. <footer></footer>
  27. <nav></nav>
  28. <aside></aside>
  29. <article></article>
  30. <section></section>
  31. <div></div>
  32. <span></span>
  33. </body>
  34. </html>