一些簡單的HTML5標簽

<article> ：表示頁面中獨立的一個組成部分，如一個博客帖子、用戶論壇帖子
<nav> ：作為導航欄的鏈接
<header> ：頁面頂部的區塊
<footer> ：頁面下部的區塊
<time> ：表示一個時間或日期
<section>：一個主題性內容分組，通常包含header，可能還有footer
<aside> ：包含內容是對頁面的補充，，如插圖或邊欄　
<video> : 包含視頻媒體
<mark> :突出顯示文本
<progress>:進度條
<meter> :顯示某個范圍的度量
<audio> :包含聲音的內容
<canvas> :顯示JS繪制的圖像
<figure> :照片、圖表或類似代碼清單的內容

這個網站可以查看瀏覽器對于HTML5新元素的支持情況

導航欄

HTML

放在頁面<header>后：
<nav> <ul> <li class="selected"><a href="index.html">HOME</a></li> <li><a href="blog.html">BLOG</a></li> <li><a href="">INVENTIONS</a></li> <li><a href="">RECIPES</a></li> <li><a href="">LOCATIONS</a></li> </ul> </nav>

CSS

nav { background-color: #efe5d0; margin: 10px 10px 0px 10px; } nav ul { margin: 0px; list-style-type: none; padding: 5px 0px 5px 0px; } nav ul li { display: inline; padding: 5px 10px 5px 10px; } nav ul li a:link, nav ul li a:visited { color: #954b4b; border-bottom: none; font-weight: bold; }

<video>標簽的使用

<video controls autoplay width="512" height="288" src="video/tweetsip.mp4" poster="images/poster.png"> </video>

<video>標簽的屬性

contrals:播放器會提供一些視頻的控件（控件外觀由瀏覽器決定）；
autoplay:若有autoplay屬性，加載完頁面后，視頻自動播放；
width&height:控制播放器窗口大小；
src:視頻的源位置；
poster:視頻未播放時，可以顯示這個圖片；
loop:若有·這個屬性，視頻播放結束后會自動重新開始播放；
preload:=none時在用戶真正打開視頻前不下載視頻，=matadata時下載視頻元數據但不下載視頻內容

不同的瀏覽器，支持的視頻格式不同

1. MP4容器：H.264視頻&AAC音頻
   支持的瀏覽器：Safari、IE9+以及有些版本的Chrome

2. WebM容器：VP8視頻&Vorbis音頻
   支持的瀏覽器：Firefox、Chrome和Opera

3. Ogg容器：Theor視頻和Vorbis音頻
   支持的瀏覽器：Firefox、Chrome和Opera

這里可以查到最新的瀏覽器對視頻的支持信息