《Head first HTML与CSS 第二版》读书笔记 第十二章 HTML5简介

<section>用于对相关的内容分组；

<article>用于相似博客帖子、论坛帖子和新闻报道等独立的内容；

<aside>用于表示不做为页面主要内容的次要内容，如插图和边栏；

<nav>用于组织网站导航连接；

<header>将标题、logo和署名等一般放在页面或区块最上方的内容组织在一块儿；

<footer>将诸如文档信息、法律措辞和版权说明等一般放在页面或区块最下方的内容组织在一块儿；

<time>用来标记时间和日期，若是元素内容没有采用官方Internet日期时间格式（2012-02-18）来写，必须有datetime属性。

 

在ul li元素中指定display: inline属性，列表项的先后将再也不有回车，会像常规的内联元素同样在页面上流入一行。

 

<video>用于页面增长视频。

元素的布尔属性能够有也能够没有。若是有这个属性，表示true；若是没有表示false。

controls属性是一个布尔属性。若是有浏览器就会为视频显示增长内置的控件。

autopaly属性也是一个布尔属性。若是有表示一旦有了足够的数据就开始播放视频。

poster属性指定视频的一个海报。

loop属性是一个布尔属性，若是为真表示循环播放。

src属性指定视频文件地址。

preload属性控制如何加载视频。若是为none表示播放以前不下载，metadata表示下载视频元数据单不下载视频内容，设置auto表示让浏览器来决定。

一个视频文件包含两部分，一个视频部分和一个音频部分，每一个部分都使用一种特定的编码类型来编码。

流行的容器格式包括MP四、OGG和WebM。

能够在<video>元素中添加多个<source>元素来包含不一样格式的视频版本：

<video controls autoplay width="512" height="288" >
		<source src="video/tweetsip.mp4">
		<source src="video/tweetsip.webm">
		<source src="video/tweetsip.ogv">
		<p>Sorry, your browser doesn't support the video element</p>
</video>

<source>元素的type属性向浏览器提供的一个提示，帮助它肯定能不能播放这种类型的文件。codec参数在type中，指定视频和音频的编码器：

<source src="video/tweetsip.ogv" type='video/ogg; codecs="theora, vorbis"'>