HTML5
解析
超文本語言第5次 重大修改
完成時間2014/10/29
設計目的為了在移動設備上支持多媒體
新增特性
? 語義 賦予網頁更好的意義和結構
? 連接 Server-Sent Event和WebSockets等特性 幫助我們實現更高效的連接
? CSS3 提供了更多的風格和更強的效果。以及Web排版,開放字體格式更高的靈活性和控制性。
? 本地存儲 更短的啟動時間,更快的聯網速度
? 設備兼容 提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連
? 網頁多媒體 支持 Video等多媒體功能,三維、圖形及特效特性在瀏覽器中,所呈現的驚人視覺效果
? 性能與集成 通過XMLHttpRequest2等技術解決跨域等問題,使Web在多樣化的環境中更快速的工作
新增標簽
?<article> .
文章區域
?<header> .
文檔頭部
?<footer> .
文檔底部
?<section> .
某個區域
?<aside> .
所處內容之外的內容。(側邊欄)
?<details> .
需求的補充細節。
?<dialog> .
對話框或者窗口
?<summary> .
可見的標題。 當用戶點擊標題時會顯示出詳細信息。
?<audio> .
音頻
?<video> .
視頻
?<source> .
多媒體資源
?<embed> .
嵌入的內容(插件)
?<track> .
為媒介規定外部文本軌道。
?<datalist>.
選項列表。與 input 元素配合使用。
?<keygen> .
規定用于表單的密鑰對生成器字段。
?<output> .
定義不同類型的輸出,比如腳本的輸出。
?<canvas> .
定義基于 JavaScript 繪圖 API 的圖形。
●IE兼容<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
input新增類型
?<input type="color"> .
調色板
?<input type="search" > .
搜索框
?<input type="date"> .
日期選擇器
?<input type="email" > .
校驗郵箱格式
?<input type="url" > .
校驗網址格式
?<input type="number" > .
規定輸入值范圍
?<input type="runge" > .
定義滑動條范圍