WEB開發-帶你入門,走進HTML5的世界
HTML5 是最新的 HTML 標準,專門為承載豐富的 web 內容而設計的,并且無需額外插件。HTML5 擁有新的語義、圖形以及多媒體元素,并提供新的 API 簡化 web 應用程序的搭建。

文檔類型聲明
新特性
1.特殊內容元素,比如:
2.表單控件,比如:calendar(日歷)、date(日期)、time(時間)、email(郵件)、url(鏈接)、search(搜索框),number(數字);
3.繪畫的 canvas 元素,支持圖像的 svg 元素;
4.支持多媒體的 video 和 audio 元素;
5.強大的新的API,如:本地離線存儲,本地SQL數據。
移除元素
,
語義元素
能清楚地向瀏覽器和開發者描述其意義,網頁包含了指示導航、頁眉以及頁腳的 HTML 代碼。
This is header
表單屬性
form 新屬性:autocomplete,novalidate
input 新屬性:autocomplete,autofocus,form,formaction,formenctype,formmethod,formnovalidate,formtarget,height 與 width,list,min 與 max,multiple,pattern (regexp),placeholder,required,step
畫布(Canvas)
Canvas 標簽是圖形容器,用于圖形的繪制,可以繪制路徑、矩形、圓形、字符以及添加圖像等。
矢量圖形(SVG)
用于定義用于網絡的基于矢量的圖形,使用 XML 格式定義,圖像在放大或改變尺寸的情況下其圖形質量不會有損失。
媒體(音頻和視頻)
音頻使用 audio 在網頁上播放音頻,control 屬性提供添加播放、暫停和音量控件。支持格式:MP3,Ogg,Wav。
視頻使用 video 在網頁上播放視頻,control 屬性提供添加播放、暫停和音量控件。支持格式:MP4,WebM,Ogg。
拖放(Drag 和 Drop)
將某對象拖入不同的位置,H5中任何元素都是可拖放的。
地理定位(Geolocation)
Geolocation API 用于獲得用戶的地理位置。
存儲(localStorage 和 sessionStorage)
localStorage 用于長久保存整個網站的數據,保存的數據沒有過期時間,直到手動去除。
保存數據:localStorage.setItem(key,value)
獲取數據:localStorage.getItem(key)
刪除單個數據:localStorage.removeItem(key)
刪除所有數據:localStorage.clear()
得到某個索引的key:localStorage.key(index)
sessionStorage 用于臨時保存同一窗口(或標簽頁)的數據,在關閉窗口或標簽頁之后將會刪除數據。
保存數據:sessionStorage.setItem(key,value)
獲取數據:sessionStorage.getItem(key)
刪除單個數據:sessionStorage.removeItem(key)
刪除所有數據:sessionStorage.clear()
得到某個索引的key:sessionStorage.key(index)
HTML5 web前端
版權聲明:本文內容由網絡用戶投稿,版權歸原作者所有,本站不擁有其著作權,亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容,請聯系我們jiasou666@gmail.com 處理,核實后本網站將在24小時內刪除侵權內容。
版權聲明:本文內容由網絡用戶投稿,版權歸原作者所有,本站不擁有其著作權,亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容,請聯系我們jiasou666@gmail.com 處理,核實后本網站將在24小時內刪除侵權內容。