一些簡單的HTML5標簽
<article> ：表示頁面中獨立的一個組成部分，如一個博客帖子迁央、用戶論壇帖子
<nav> ：作為導航欄的鏈接
<header> ：頁面頂部的區(qū)塊
<footer> ：頁面下部的區(qū)塊
<time> ：表示一個時間或日期
<section>：一個主題性內(nèi)容分組，通常包含header硅确，可能還有footer
<aside> ：包含內(nèi)容是對頁面的補充榜苫，，如插圖或邊欄
<video> : 包含視頻媒體
<mark> :突出顯示文本
<progress>:進度條
<meter> :顯示某個范圍的度量
<audio> :包含聲音的內(nèi)容
<canvas> :顯示JS繪制的圖像
<figure> :照片题暖、圖表或類似代碼清單的內(nèi)容
這個網(wǎng)站可以查看瀏覽器對于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:若有·這個屬性绝骚，視頻播放結(jié)束后會自動重新開始播放；
preload:=none時在用戶真正打開視頻前不下載視頻祠够，=matadata時下載視頻元數(shù)據(jù)但不下載視頻內(nèi)容
不同的瀏覽器压汪，支持的視頻格式不同
MP4容器：H.264視頻&AAC音頻
支持的瀏覽器：Safari、IE9+以及有些版本的ChromeWebM容器：VP8視頻&Vorbis音頻
支持的瀏覽器：Firefox古瓤、Chrome和OperaOgg容器：Theor視頻和Vorbis音頻
支持的瀏覽器：Firefox止剖、Chrome和Opera
這里可以查到最新的瀏覽器對視頻的支持信息
