HTML相关知识体系构建
10-HTML5 布局
1. 传统的 HTML 布局 一直以来，网页设计人员都利用 <div> 元素将页面中的相关元素集中在一起，并使用 class 或 id 特性来指定 <div> 元素在页面结构中的作用。 2. 新的 HTML5 布局元素 HTML5 中引入了一组新的元素，这些元素允许你对页面的各个部分进行分割。它们的名称直接表明了其中包含的内容。 3. 页眉和页脚 <header> 元素可以用作网页中出现在每个页面顶部的主页眉，或单独 <article> 或 <section> 的页眉。 <footer> 元素可以用作网页中出现在每个页面底部的主页脚，或单独 <article> 或 <section> 的页脚。 4. 导航 <nav> 元素专门用来包含网站的主导航块。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <!DOCTYPE html> <html> <head> <title>页眉、页脚与导航</title> </head> <body> <header> <h1>主标题</h1> <nav> <ul> <li>主页</li> <li>文章</li> <li>更多</li> </ul> </nav> </header> <footer> ©2023 ans20xx </footer> </body> </html> ...