HTML5 布局

布局

HTML中有一些标签类似于一个盒子,这些标签元素也被称为 “容器” 或者 “区块” 。一个个盒子的作用是对不同的元素进行分组,从而构成了整个页面的布局。

<body> <!-- body 其实也是一个大箱子 -->

 <header>头部</header> 

 <nav>导航</nav>
 
 <aside>侧边栏</aside>

 <section>主题</section> 

 <footer>尾部</footer>

</body>

需要注意,网页样式的布局要使用CSS定义,HTML的工作只是对功能空间的规划。

上面列举布局标签功能等同于HTML4.0的div标签, 只是HTML5标准的新特性 - 语义化效果

HTML5 教程 HTML5 基本结构 HTML5 文本和语义 HTML5 布局 HTML5 列表 HTML5 组合 HTML5 表格 HTML5 链接和路径 HTML5 图片 HTML5 表单 HTML5 框架 HTML5 进度条 HTML5 多媒体