使用Html5+CSS3的優勢
中國網絡營銷推廣專家
一：大多瀏覽器支持，低版本也沒問題
我看點這方面的資料，是為了做手機應用網站（有三個方案，這個是備用方案），可以開發響應式網站，可以脫離開發平臺進行跨平臺。
在Html5網頁中引入Modernizr，就能讓IE支持HTML5新元素。
HTML5樣板文件快速開發（html5boilerplate.com）
二：布局、標簽省時省力
[html] view plaincopyprint? <header> <!--語義相當于<div class="header">--> <nav>導航</nav> </header>
這樣開發者就不用標記標簽的結束位置了，定位時會很方便，也易于搜索引擎進行判斷。
<header>定義頁面或區段的頭部；
<footer>定義頁面或區段的尾部；
<nav>定義頁面或區段的（主）導航區域；
<section>頁面的邏輯區域或內容組合，比如一個用于“簡介”，另一個用于“新聞列表”。
<article>定義正文或一篇完整的內容，能被直接粘貼到別的地方有獨立意義，比如“博客正文”。
<aside>定義補充或相關內容，側邊欄，廣告欄等。
<a>標簽可以包含多個標簽
[html] view plaincopyprint? <a href="index.html"><h2>一</h2><img src="home.jpg"></a>
<vedio>、<audio>快速添加視頻、音頻
[html] view plaincopyprint? <video src="myVideo.ogg" controls w idth="640" height="480">這里提示你沒有使用支持HTML5的瀏覽器</video> //controls播放控制欄；支持ogg和mp4格式；響應式視頻：普通情況可以使用max-width:100% height:auto，如果是外部<iframe>視頻，則使用FitVids的 jQuery插件
三：離線Web應用
通過.manifest文件指定哪些文件可以離線訪問的
四：更靈活的CSS3
01.可以多欄顯示文本
column-width:12em; //試了幾個瀏覽器好像很多無效的~
02.眾多選擇器
body[id="2^"]{} //id為"2"開頭的標簽
li:first-child 、 li:last-child //針對列表的首尾項
[html] view plaincopyprint? li:nth-child(2n+1)//第“1”個li元素起，每“2”個顏色為紅色 color: red; } <ul> <li>һһһһһ</li>
