HTML5新增的結構標簽
HTML5新增的其他元素
<canvas id="myCanvas"></canvas>
<script type="text/javascript"> 只有當 command 元素位於 menu 元素內時,該元素才是可見的。否則不會顯示這個元素,但是可以用它規定鍵盤快捷鍵。。
<menu>
<command onclick="alert('Hello World')">
Click Me!</command>
</menu>
details標簽 目前只有 Chrome 支持 details 標簽
用於描述文檔或文檔某個部分的細節 。
可與 summary 標簽配合使用,summary可以為 details 定義標題。標題是可見的,用戶點擊標題時,會顯示出 details。summary應該是details的第一個子元素。
datalist標簽
定義選項列表。請與 input 元素配合使用該元素,來定義 input 可能的值。datalist 及其選項不會被顯示出來,它僅僅是合法的輸入值列表。使用 input 元素的 list 屬性來綁定 datalist。
<input id="myCar" list="cars" /> <datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo"> </datalist>
datagrid標簽 如何用?
定義可選數據的列表。datagrid 作為樹列表來顯示。
如果把 multiple 屬性設置為 true,則可以在列表中選取一個以上的項目。
keygen標簽 如何用?
標簽規定用於表單的密鑰對生成器字段。
當提交表單時,私鑰存儲在本地,公鑰發送到服務器。
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>
HTML5新增input標簽
HTML5廢除的元素
1、能用css代替的元素
basefont、big、center、font、s、strike、tt、u。這些元素純粹是為畫面展示服務的,HTML5中提倡把畫面展示性功能放在css中統一編輯。
2、不再使用frame框架。
frameset、frame、noframes。HTML5中不支持frame框架,只支持iframe框架,或者用服務器方創建的由多個頁面組成的符合頁面的形式,刪除以上這三個標簽。
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已經宣稱支持html5了,但是IE8完全不支持。現在仍有一大批的人坐在06、07年的奔四老爺機面前,用著xp的系統,裝著IE8在爬網;還有一些戀舊老哥、老姐們,買的新機咔嚓掉正版win7,換上D版XP。雖然現在有了Html5shiv,可以讓IE8有限支持一些HTML新標簽,也僅僅是幾個新標簽而已。我可以選擇使用什麼新技術,但是不能要求你產品的用戶必須裝什麼浏覽器(除非你給鐵老大做東西,春運票只有我這兒賣,必須裝IE10才能買票………………)。其實做東西也不一定非得新技術,適合的就好,就想現在有些用asp.net2寫的東東功能一樣強大;管用就行。
40 個重要的 HTML5 面試題及答案 http://www.linuxidc.com/Linux/2015-12/126824.htm
HTML5與CSS3基礎教程(第8版)中文高清版 PDF http://www.linuxidc.com/Linux/2015-12/125734.htm
HTML5 地理位置定位(HTML5 Geolocation)原理及應用 http://www.linuxidc.com/Linux/2012-07/65129.htm
HTML5移動開發即學即用(雙色) PDF+源碼 http://www.linuxidc.com/Linux/2013-09/90351.htm
HTML5入門學習筆記 http://www.linuxidc.com/Linux/2013-09/90089.htm
HTML5移動Web開發筆記 http://www.linuxidc.com/Linux/2013-09/90088.htm
HTML5 開發中的本地存儲的安全風險 http://www.linuxidc.com/Linux/2013-06/86486.htm
《HTML5與CSS3權威指南》及相配套源碼 http://www.linuxidc.com/Linux/2013-02/79950.htm
關於 HTML5 令人激動的 10 項預測 http://www.linuxidc.com/Linux/2013-02/79917.htm
HTML5與CSS3實戰指南 PDF http://www.linuxidc.com/Linux/2013-02/79910.htm