考虑我们开发一个页面的过程：
1.设计页面的结构 - HTML：这个过程是使用各种HTML元素构建网页的结构。
2.设计页面的外观 - CSS：这个过程是使用CSS去改善网页的外观。
3.设计页面的行为 - Javascript：这个过程是给网页的元素赋予一定的行为。
上面这些除了CSS外，HTML5在另外两个方面都不同程度的进行了扩充。这个系列是集中在第一个方面。在前面，我们已经学习了复杂的canvas和svg元素，下面的章节会总结其他HTML5增加的元素。
结构型元素
HTML5中加入了全新的结构型元素，例如页眉header，页脚footer，导航nav，内容article，章节section等。含义如下图所示：
除了这种整个页面的结构型元素，html5也加入了块级别的语义元素，例如辅助元素aside，图像元素figure，细节描述元素details等。这些元素除了更能显示页面的布局含义外，与普通的div并没有其它的区别，仍然需要靠CSS去展示这些元素。这里就是简单看一个小例子：
推荐阅读
3500元超额值学生娱乐结构的优化配置，，作为一个DIY的主流用户领域的学生，每个用户51学生攒机的高峰。因为学生用户没有稳定的收入来源，攒机
检查元素快捷键|浏览器审查元素快捷键，，浏览器审查元素快捷键用浏览器审查元素来下载网页图片的方法如下。1，在网页中，按下f12打开审查元素
扬声器属性级别设置|扬声器属性高级，，1. 扬声器属性高级选择“高级”标签试试，不行的话，说明系统有问题了，直接换个验证过的系统盘重装系统就
如何使用PS给风景添加一些元素?用PS给城市风景添加云彩元素教程，风景，一张本以为可以扔进回收站的风光废片，居然被一个简单的素材救活了，下
电脑投影设置|电脑投影设置复制扩展，，电脑投影设置复制扩展1、显示的内容不一样复制投屏之后，大屏幕上显示的画面是与电脑屏幕同步的；而扩展
电脑扩展屏幕快捷键|华为电脑扩展屏幕快捷键，，华为电脑扩展屏幕快捷键1、可以通过使用“FN+F4”或“FN+F8”组合键来切换投影仪画面。2、
论竞技比赛结构中的十种常见误区，，近年来，在中国电子竞技的发展得到了迅速的发展。虽然网络游戏市场正在进一步扩大，但我们也看到CS和魔兽争
扩展屏幕快捷键|复制屏幕和扩展屏幕快捷键，，复制屏幕和扩展屏幕快捷键win10投屏快捷键：WIN+P在电脑上按下WIN就是Ctrl与Alt之间的田字格键
台式电脑机械硬盘扩展|台式电脑机械硬盘扩展接口，，1. 台式电脑机械硬盘扩展接口有3个解决办法：1、购买单4Pin(D型)转6Pin显卡电源线 （实际是
wps演示插入架构图|wps中的ppt插入组织结构图，插入,演示,架构图,wps，1.wps中的ppt怎样插入组织结构图在微软的Office组件中，WORD和Powerpoi
扩展器改装电脑显示器|扩充显示器，，1. 扩充显示器不能。Xiaomi 12 Pro采用骁龙8移动平台，支持动态性能调度，搭载VC液冷立体温控系统，拥有4600
电脑主板拓展套件有什么用|什么主板扩展性好，，1. 什么主板扩展性好微星B85I主板主板虽然扩展性略显不足，但背板I/O口拥有HDMI及DP等高清视
电脑显示器要怎么扩展|电脑显示器要怎么扩展屏幕，，1. 电脑显示器要怎么扩展屏幕一般都是VGA或者HDMI，关键是看你笔记本视频外接口和你显示
页面提取元素的快捷键|提取选取的快捷键，，1. 提取选取的快捷键1、首先在电脑上打开PS软件，然后在PS中打开一张图片。2、接下来按快捷键“Ct
笔记本电脑内存扩展|笔记本电脑内存扩展上限，，笔记本电脑内存扩展上限笔记本内存条有型号限制受限于笔记本电脑内部主板的兼容范围，以及内