HTML笔记（部分新增的HTML5元素）
1 HTML5元素
W3C标准委员会仔细研究了人们究竟如何使用<div>元素（它们可能用于页眉、导航、页脚、文章等等），然后增加了一些新的元素来表示这些结构。例如把所有的<div id="footer">元素改为<footer>元素。以下是一些HTML5元素：
<nav>：所包含的内容将作为页面的导航链接<section>：一个主题性内容分组，通常包含一个首部（header），可能还有底部（footer）<header>：放在页面顶部的内容，或者放在页面某个区块的顶部（区分<head>）<article>：一个页面的中单独组成的部分，如博客帖子，新闻报道<footer>：放在页面底部的内容，或页面某个区块的底部<aside>：包含内容是对页面的补充，如插图或边栏<time>：用来表示时间<video>：用来为页面增加视频媒体
1.1 <nav>元素
要知道大部分的这些新元素其实本身没多大的实质性意义，更多的是起到一个语义的作用。比如说<nav> 元素，它并没有创建导航的功能，因为导航的功能常用无序列表<ul> 元素创建，它起到的是一个告知作用，告诉浏览器，告诉开发人员，这是一个导航。
/* 导航CSS */
nav ul {
margin:1% 1% 0px 1%;
list-style-type:none;
padding:5px 0px 5px 0px;
background-color: #F29F3F;
border-radius:2px;
}
nav ul li {
display:inline;
padding:5px 5% 5px 5%;
}
nav ul li a:link,ul li a:visited {
color:black;
border-bottom:none;
font-weight: bold;
}
nav ul li:first-child {
background-color:#FFE957;
}
简单介绍一下display 属性，它可以将元素设置为块元素，也可以设置为内联元素，取决于它的数值，它有多个值，默认值为inline，表示其内容显示为行内文本，设置block可将其定义成块元素，还可以设置为table，table-row，table-cell 用来定义表格布局。
1.2 <video> 元素
当然HTML5还引入了一些非单单只是创建语义的元素，比如说<video> 元素，顾名思义就是添加视频。
<video controls autoplay width="512" height="288" src="url1" poster="url2"></video>以上是<video> 元素的用法，其中controls 属性是否显示浏览器播放控件（诸如音量键），autoplay 属性就是是否自动播放了，而poster 属性就是视频海报了。
注意到它与<img> 元素不同，他不是空元素，那么元素中间内容可以放些什么东西？
应该知道不同浏览器支持播放视频的格式并不相同，这时就可以像导入新创建字体那样，导入多个视频格式提供候选。
<video controls autoplay width="512" height="288" poster="url2">
<source src="url1" type="video/mp4">
<source src="url2" type="video/webm">
<p>对不起，你的浏览器不支持该视频格式</p>
</video>分析上面的代码，其中的type 属性是可选的，但如果表明出来会更好，这会更好地帮助浏览器筛选合适的视频格式。
