HTML5是下一代HTML。
HTML5將成為html,xhtml,以及html dom的新標(biāo)準(zhǔn)。
html5建立的新規(guī)則:
1.新特性應(yīng)該是基于HTML,CSS,DOM以及javascript。
2.減少外部插件的需求。(如:flash)
3.更優(yōu)秀的錯(cuò)誤處理。
4.更多取代腳本的標(biāo)記。
5.HTML5因該獨(dú)立于設(shè)備。
6.開發(fā)進(jìn)程因該對(duì)公眾透明。
HTML5新特性:
1.用于媒介回放的video和audio
2.用于繪畫的canvas元素。
3.對(duì)本地離線存儲(chǔ)有更好的支持。
4.新的特殊內(nèi)容元素:比如:article,footer,header,nav,section
5.新的表單控件:data,search,url,eamil,time,calendar.
HTML表單:
HTML擁有多個(gè)表單輸入類型。
Input 類型 - email
<input type="email" placeholder="請(qǐng)輸入郵箱地址" />
提示:iPhone 中的 Safari 瀏覽器支持 email 輸入類型,并通過(guò)改變觸摸屏鍵盤來(lái)配合它(添加 @ 和 .com 選項(xiàng))。
Input 類型 - url
<input type="url" placeholder="請(qǐng)輸入網(wǎng)址" />
提示:iPhone 中的 Safari 瀏覽器支持 url 輸入類型,并通過(guò)改變觸摸屏鍵盤來(lái)配合它(添加 .com 選項(xiàng))。
Input 類型 - number
<input type="number" min="0" max="5" />
相關(guān)的屬性:
屬性 值 描述
max number 規(guī)定允許的最大值
min number 規(guī)定允許的最小值
step number 規(guī)定合法的數(shù)字間隔(如果 step="3",則合法的數(shù)是 -3,0,3,6 等)
value number 規(guī)定默認(rèn)值
Input 類型 - range
range類型顯示為滑動(dòng)條。
一定范圍內(nèi)數(shù)字的輸入域。
Input 類型 - Date Pickers(日期選擇器)
HTML5 擁有多個(gè)可供選取日期和時(shí)間的新輸入類型:
date - 選取日、月、年
month - 選取月、年
week - 選取周和年
time - 選取時(shí)間(小時(shí)和分鐘)
datetime - 選取時(shí)間、日、月、年(UTC 時(shí)間)
datetime-local - 選取時(shí)間、日、月、年(本地時(shí)間)
<input type="date" />