1. html5的基本特性
1.1 doctype宣告方式
html5的宣告格式非常簡單不需要dtd和url
doctype html
>
就這麼一句宣告放在文件的開頭就可以了。
1.2 新的元素
增加新的元素代表新的語義,例如,新增加了標籤,這個標籤用於對網頁或區段(section)的標題進行組合。再例如標籤,它定義了**導航的鏈結。有了類似這種新的元素,頁面標記結構不僅清晰易讀,搜尋引擎機械人和輔助技術也能比較好的解讀頁面的內容。
1.3 新的表單特性
html引入了新的表單輸入型別,例如:
color:
time:
month:
date:
number:
range:
除了input元素的type有了豐富,html5還引入了新的輸入元素屬性
例如: autocomplete, autofocus, placeholder, list 等等
1.4 進度條 度量器 可折疊內容
這些是一些常用的顯示小部件。個人認為在實際的工程專案中,更多的是用自己構建的元件,這些原生的小組件用的不多。
1.5 微資料
2. 高階特性
2.1 html的畫布canvas,通過html和js就可以製作豐富的動畫,從而代替並不 好的實現方式,例如用flash技術實現。
2.3 拖放功能,之前在頁面中的拖放功能是通過js來實現的,現在結合新的html5的拖放api就可以實現拖放的功能。
2.4 使用websockets實現伺服器端與客戶端的雙向通訊, 這種通訊方式沒有http相關的開銷,和適合快速傳輸小規模資料。
2.5 利用伺服器傳送事件實現從伺服器端到客戶端的單向通訊。利用eventsource介面,你的web應用能夠訂閱乙個伺服器事件流,它只接收伺服器傳送的更新訊息。
2.6 文件可編輯。通過設定contenteditable屬性使得該元素具備可編輯的特性,設定designmode可以使整個文件都具有可編輯的特性。
2.7 使用cooki會產生很多負面的問題。web儲存 web storage dom api 為web應用替代cookie的解決方案。這個api涉及兩個介面:sessionstorage和localstorge
2.8 通過indexdb可以開發離線web應用。在離線狀態時可以呼叫本地的indexdb資料庫進行操作,等連線到網路後再通過ajax請求更新到服務端
2.9 可伸縮向量圖形
這乙個系列的文章主要是將html5實戰(html in action)的內容進一步精簡和提煉。總結思路和方法,精簡內容,進一步了解html5規範帶來的web變革。
第一章 HTML5基礎
1.1.1 html簡介及發展史 1 html是用來描述網頁的一種語言,它是一種超文字標記語言.1.1.5 html5檔案的基本結構 頭部 head 和主體 body 兩部分,頭部包括網頁標題 title 等基本資訊,主體包括網頁的內容資訊,如,文字等.1.1.6 網頁的基本資訊 1.doctype...
第一章 html5概要(對viewport的認識)
在css規範中,viewport被稱為初始包含塊。css中所有關於寬度的百分比均 於初始包含塊,同時,初始包含塊將css布局限制在乙個最大的寬度內。在桌面端,viewport的寬度就是瀏覽器視窗的寬度。因此,如果margin和padding都為0,html和body的寬度就是瀏覽器視窗的寬度。因此宣...
HTML第一章總結
如果你要做網頁,那你寫了html文件就要上傳到 web server 上 在客戶使用 web browser 的時候,當你點選乙個鏈結,web browser請求得到 web server 的資訊,然後 web server 返回 browser 資訊 html files告訴 browser 如何...