本文主要包含html5元素,块级别等相关知识,佚名 希望在学习及工作中可以帮助到您
考虑我们开发一个页面的过程：
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去展示这些元素。这里就是简单看一个小例子：
| IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 | |
|---|---|---|---|---|---|
| Ogg Vorbis | √ | √ | √ | ||
| MP3 | √ | √ | √ | ||
| Wav | √ | √ | √ |
audio标签有一些属性用来控制音频的内容、何时以及如何播放等方面的情况，这些属性分别是：src(文件名)、preload(在页面加载时加载)、controls(显示控制)、loop(循环)和autoplay(自动播放)。在下面的例子中，只要页面一加载音频就开会播放，其会持续播放，所提供的控制可以让用户停止或是重新开始播放音频：
如果设置了autoplay元素，则自动忽略preload属性。设置preload="auto"的话，则页面加载后载入音频。