HTML5 & CSS3

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" > .定義滑動條范圍

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 轉載請聲明 原文鏈接 關注公眾號獲取更多資訊 這篇文章主要總結H5的一些新增的功能以及一些基礎歸納,這里只是一個提...
    前端進階之旅閱讀 9,105評論 22 225
  • HTML5是什么?有哪些新特性?有哪些新增標簽?如何讓低版本的 IE 支持 HTML5新標簽 HTML5是最新的H...
    小囧兔閱讀 314評論 0 0
  • 1. HTML5是什么?有哪些新特性?有哪些新增標簽?如何讓低版本的 IE 支持 HTML5新標簽 HTML5是超...
    鴻鵠飛天閱讀 332評論 0 0
  • 題目1: HTML5是什么?有哪些新特性?有哪些新增標簽?如何讓低版本的 IE 支持 HTML5新標簽 HTML5...
    Stay_cool_閱讀 253評論 0 0
  • 1. HTML5是什么?有哪些新特性?有哪些新增標簽?如何讓低版本的 IE 支持 HTML5新標簽 HTML5是超...
    billa_8f6b閱讀 262評論 0 0