《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"'>