推薦：html5與css3小應用
前幾天看到一個很好的html5與css3布局的網(wǎng)站，仿照其實例，自己制作的一個簡單效果，僅供參考。

新增的結構標簽

section元素
表示頁面中的一個內容區(qū)塊,比如章節(jié)、頁眉、頁腳或頁面的其他部分。可以和h1、 h2……等元素結合起來使用，表示文檔結構。例：HTML5中<section>……</section>;HTML4中<div> ……</div>。
article元素
表示頁面中一塊與上下文不相關的獨立內容。比如一篇文章。
aside元素
表示article元素內容之外的、與article元素內容相關的輔助信息。
header元素
表示頁面中一個內容區(qū)塊或真?zhèn)�頁面的標題。
hgroup元素
表示對真?zhèn)�頁面或頁面中的一個內容區(qū)塊的標題進行組合。
footer元素
表示整個頁面或頁面中一個內容區(qū)塊的腳注。一般來說，他會包含創(chuàng)作者的姓名、創(chuàng)作日期以及創(chuàng)作者的聯(lián)系信息。
nav元素
表示頁面中導航鏈接的部分。
figure元素
表示一段獨立的流內容，一般表示文檔主體流內容中的一個獨立單元。使用figcaption元素為figure元素組添加標題。例如：


新增的其他元素
video元素
定義視頻。像電影片段或其他視頻流。例：<video src="movie.ogg" controls="controls">video元素</video>
HTML4中寫法：
<object type="video/ogg" data="move.ogv">
  <param name ="src" value="movie.ogv">
</object>
audio元素
定義音頻。如音樂或其他音頻流。例：<audio src ="someaudio.wav">audio元素</audio>
html4中寫法：


embed元素
用來嵌入內容(包括各種媒體)。格式可以是Midi、Wav、AIFF、AU、MP3,flash等。例：<embed src="flash.swf" />
HTML4中代碼示例<object data="flash.swf" type="application/x-shockwave-flash"><object>
mark元素
主要用來在視覺上向用戶呈現(xiàn)哪些需要突出顯示或高亮顯示的文字。典型應用搜索結果中高亮顯示搜素關鍵字。
HTML5<mark></mark>;HTML4 <span></span>。
progress元素
表示運行中的進程，可以使用progress元素顯示JavaScript中耗時時間函數(shù)的進程。等待中……、請稍后等。<progress></progress>。
time元素
表示日期或時間，也可以兩者同時。
ruby元素
定義 ruby 注釋（中文注音或字符）。
與 <ruby> 以及 <rt> 標簽一同使用。ruby 元素由一個或多個字符（需要一個解釋/發(fā)音）和一個提供該信息的 rt 元素組成，還包括可選的 rp 元素，定義當瀏覽器不支持 "ruby" 元素時顯示的內容。 


rt元素
定義字符（中文注音或字符）的解釋或發(fā)音。
rp元素
在 ruby 注釋中使用，以定義不支持 ruby 元素的瀏覽器所顯示的內容。
wbr元素
表示軟換行。與br元素的區(qū)別：br元素表示此處必須換行；wbr表示瀏覽器窗口或父級元素足弓寬時（沒必要換行時），不換行，而寬度不夠時主動在此處換行。
canvas元素
定義圖形，比如圖表和其他圖像。<canvas> 元素只是圖形容器（畫布），必須使用腳本來繪制圖形。


command元素——貌似沒什么效果。是不是支持有問題
表示命令按鈕，比如單選按鈕、復選框或按鈕。

只有當 command 元素位于 menu 元素內時，該元素才是可見的。否則不會顯示這個元素，但是可以用它規(guī)定鍵盤快捷鍵。。

details標簽 目前只有 Chrome 支持 details 標簽
用于描述文檔或文檔某個部分的細節(jié) 。
可與 summary 標簽配合使用，summary可以為 details 定義標題。標題是可見的，用戶點擊標題時，會顯示出 details。summary應該是details的第一個子元素。

datalist標簽
定義選項列表。請與 input 元素配合使用該元素，來定義 input 可能的值。datalist 及其選項不會被顯示出來，它僅僅是合法的輸入值列表。使用 input 元素的 list 屬性來綁定 datalist。

datagrid標簽 如何用？
定義可選數(shù)據(jù)的列表。datagrid 作為樹列表來顯示。
如果把 multiple 屬性設置為 true，則可以在列表中選取一個以上的項目。

keygen標簽 如何用?
標簽規(guī)定用于表單的密鑰對生成器字段。

當提交表單時，私鑰存儲在本地，公鑰發(fā)送到服務器。

output標簽
定義不同類型的輸出，比如腳本的輸出。


source標簽
標簽為媒介元素（比如 <video> 和 <audio>）定義媒介資源。
menu標簽
定義菜單列表。當希望列出表單控件時使用該標簽。注意與nav的區(qū)別，menu專門用于表單控件。


新增input標簽email
必須輸入email url
必須輸入url地址 number
必須輸入數(shù)值 range
必須輸入一定范圍內數(shù)值 Date Pickers（日期選擇器）
擁有多個可供選取日期和時間的新輸入類型：
date - 選取日、月、年
month - 選取月、年
week - 選取周和年
time - 選取時間（小時和分鐘）
datetime - 選取時間、日、月、年（UTC 時間）
datetime-local - 選取時間、日、月、年（本地時間） search
用于搜索域，域顯示為常規(guī)的文本域。 color

廢除的元素

1、能用css代替的元素
basefont、big、center、font、s、strike、tt、u。這些元素純粹是為畫面展示服務的，HTML5中提倡把畫面展示性功能放在css中統(tǒng)一編輯。

2、不再使用frame框架。

frameset、frame、noframes。HTML5中不支持frame框架，只支持iframe框架，或者用服務器方創(chuàng)建的由多個頁面組成的符合頁面的形式，刪除以上這三個標簽。

3、只有部分瀏覽器支持的元素

applet、bgsound、blink、marquee等標簽。

4、其他被廢除的元素

廢除rb，樹勇ruby替代。

廢除acronym使用abbr替代。

廢除dir使用ul替代。

廢除isindex使用form與input相結合的方式替代

廢除listing使用pre替代

廢除xmp使用code替代

廢除nextid使用guids

廢除plaintex使用“text/plian”（無格式正文）MIME類型替代。

===========================================================

看著這么多新增標簽和元素，我在想HTML5真的來了嗎？鋪天蓋地的相關資訊、教程，大家張口閉口的HTML5、CSS3以及各大瀏覽器廠商宣布對html5的支持，讓我感覺html5時代真的來了。那我能在我的項目中放心的用它么？還不能。雖然IE9已經(jīng)宣稱支持html5了，但是IE8完全不支持。現(xiàn)在仍有一大批的人坐在06、07年的奔四老爺機面前，用著xp的系統(tǒng)，裝著IE8在爬網(wǎng)；還有一些戀舊老哥、老姐們，買的新機咔嚓掉正版win7，換上D版XP。雖然現(xiàn)在有了Html5shiv，可以讓IE8有限支持一些HTML新標簽，也僅僅是幾個新標簽而已。我可以選擇使用什么新技術，但是不能要求你產品的用戶必須裝什么瀏覽器。其實做東西也不一定非得新技術，適合的就好，就想現(xiàn)在有些用asp.net2寫的東東功能一樣強大；就像鄧爺爺?shù)?ldquo;貓論”，管用就行。

分享：突襲HTML5之Javascript API擴展4—拖拽(Drag/Drop)概述
拖拽(Drag/Drop)是個非常普遍的功能,可以抓住一個對象，并且拖動到你想放置的區(qū)域;在HTML5中，拖拽(draganddrop)成為了標準操作，任何元素都支持。正因為這個功能太普遍了，所有的主流瀏覽器都支持這個操作,感興趣的朋友可以了解下，或許對你有所幫助