2010年6月10日

HTML 5 相關資料收集



HTML5講了許久~還有前陣子鬧的沸沸揚楊HTML 5 VS. Flash的戰爭~

總覺得這個技術好像離"系統開發人員"好像越來越近~

不管公司有沒有打算導入但還是看了一些文章作準備~

1.HTML 5的5個相關網站 個人覺得比較受用的是下面兩個網站

2.HTML5 : What? Why? How? and When?解釋很多HTML 5的問題,從開發人員的角度來看HTML 5減少程式碼,對於開發RIA為主的開發人員應該是一大福音(非flash開發者).

3.Developing with HTML5,如果身為一個開發人員一定會想知道要如何在新的標準上進行開發這份投影片可以作為不錯的入門參考,另外下面的網頁作為屬性參考的對照資料

4.當然了解一項新的技術,直接看範例是最快低,附上一個精簡的範例再搭配簡易Structure說明

5.然而Html 5 關聯了一狗票的東西,最常聽到的大概就是CSS3,還有啥咪??這篇文章說的很清楚A HTML5 Primer for the Overwhelmed,列給你看:

  • The HTML5 spec


  • Cascading Style Sheets Version 3 (CSS3)

  • Web Workers

  • Web Storage

  • Web SQL Database

  • Web Sockets

  • Geolocation

  • Microdata

  • Device API and File API

6.提到了方便也不能不提到安全,這篇OWASP文章,洋洋灑灑列了以下HTML 5的威脅

  • Hijacking content or protocol handlers


  • Register Spamming

  • Leaking Intranet URLs

  • Leaking HTTPS

  • Leaking credentials in GET Request

  • Structured Client Storage

  • SQL, yes SQL!!! – to store more structured data

  • Client Storage Attack 

  • Browser SQL Injection 

  • Cross-Directory Attack

  • User Tracking 

  • Cookie Resurrection

  • Application Cache Poisoning

  • Attacking offline browser

  • Next generation web botnet – C&M interface 

最後,網路上有一段Youtube再介紹HTML 5(下方有英文的字幕)



[相關參考資料]

HTML 5的5個相關網站
http://www.inside.com.tw/04/08/5sites-about-html5

HTML 5 Event Attributes
http://html5tutorial.net/html-5-event-attributes/html-5-event-attributes.html

HTML 5  Tag Reference
http://www.w3schools.com/html5/html5_reference.asp

The HTML5 Family: Web Workers
http://www.extjs.com/blog/2010/06/07/the-html5-family-web-workers/
HTML structure
A HTML5 Primer for the Overwhelmed

OWASP Browser Security
http://malerisch.net/docs/browser_security/browser_security.ppt

Developing with HTML5
http://lachy.id.au/slides/developing-with-html5/Developing%20with%20HTML5.ppt

Introduction to HTML 5 
http://www.youtube.com/watch?v=siOHh0uzcuY