html5--2.1新的布局元素概述

html5--2.1新的布局元素概述

学习要点

1. 了解HTML5新标签（元素）的优点
2. 了解本章要学习的新的布局元素
3. 了解本章课程的安排

HTML5新标签的优点：

1. 更注重于内容而不是形式
2. 对人的友好：更加的语义化，高度的描述性，更加的直观，增加了代码的可读性。
3. 对计算机的友好：浏览器更容易解析，搜索引擎更容易抓取文档的内容
4. 代码更加的简洁

---

本章将要讲解的新标签概览

新增的布局标签

新增的布局标签可以概括为两类：用于控制页面主体内容的标签，可以划分为主体结构标签；非主体结构标签，用来放置辅助主体内容的信息。
本套课程将按照页面的布局流程来讲解这些新标签，对于分类大家简单了解下就可以，主要还是能够掌握每个标签的用法。

1. article标签：定义一个独立内容区块：一篇文章、一个视频文件等
2. cection标签：定义一个区域，如文章的章节等
3. nav标签：定义目录导航
4. aside标签：定义侧边栏
5. figure/figcaption标签：定义一组媒体内容以及它们的标题
6. header/footer标签：定义一个头部/底部
7. hgroup标签：标题分组
8. address标签：地址、联系信息等

本章课程安排

• 对新增的标签逐个进行详细的讲解
• 对比table和div+css布局，体验新布局的优点
• 通过综合实例，加深对新布局和新标签的理解