HTML5實戰 文摘 第一章 從文件到應用的轉變

2021-09-27 04:22:16 字數 1382 閱讀 1304

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 如何...