HTML5

来自开放百科 - 灰狐
(版本间的差异)
跳转到: 导航, 搜索
(浏览器)
 
(未显示5个用户的57个中间版本)
第2行: 第2行:
  
 
HTML5 不仅仅是一次HTML版本的重大升级,更重要的,它是新一代Web开发标准和[[Open Platform|开放平台]]。
 
HTML5 不仅仅是一次HTML版本的重大升级,更重要的,它是新一代Web开发标准和[[Open Platform|开放平台]]。
 +
 +
[[node.js ecosystem|Node.js, Meteor, React.js, AngularJS, JavaScript 和 HTML5 生态系统]]
  
 
HTML5、[[CSS3]] 和 [[JavaScript]] 是当前Web的热点。
 
HTML5、[[CSS3]] 和 [[JavaScript]] 是当前Web的热点。
第9行: 第11行:
 
收集、整理、制作各类速查表([[cheat sheet]]):有 HTML5、CSS3、JavaScript ...
 
收集、整理、制作各类速查表([[cheat sheet]]):有 HTML5、CSS3、JavaScript ...
  
 +
另一个重要平台:[[Flash]]
 
==新闻==
 
==新闻==
 
{{SeeWikipedia}}
 
{{SeeWikipedia}}
 
[[Image:webstandards.png|right]]
 
[[Image:webstandards.png|right]]
<rss>http://coder.io/tag/html5.rss|short|date|max=10</rss>
+
<rss>http://www.w3.org/html/planet/atom.xml|short|date|max=10</rss>
  
 
==规范与API==
 
==规范与API==
第21行: 第24行:
 
*[[HTML5/eventsource|Server-Sent Events API]]
 
*[[HTML5/eventsource|Server-Sent Events API]]
 
*[[HTML5/communication|Communication API]]
 
*[[HTML5/communication|Communication API]]
*[http://www.w3.org/TR/geolocation-API/ Geolocation API] (W3C规范)
+
*[[HTML5/file|File API]]
 +
*[[HTML5/drag-and-drop|Drag and Drop]]
 +
*[[HTML5/geolocation|Geolocation API]] 通过[[Wi-Fi]]基站和GPS获取定位信息,更准确。
 
*[[HTML5/video|video]] & audio (HTML5新元素)
 
*[[HTML5/video|video]] & audio (HTML5新元素)
 
*[[HTML5/canvas|Canvas]] (HTML5新元素)
 
*[[HTML5/canvas|Canvas]] (HTML5新元素)
 
*[[HTML5/forms|Forms]]
 
*[[HTML5/forms|Forms]]
 
*[[HTML5/parsing|Parsing]]
 
*[[HTML5/parsing|Parsing]]
 +
*[[HTML5/history|HTML5 History API]]
 +
*[[HTML5/sections|HTML5 Sections]]
  
 
==浏览器==
 
==浏览器==
[[文件:the-history-of-web-browsers.jpg|right|thumb|浏览器简史,1994到2011]]
+
[[文件:html5-and-browser.png|right|thumb|HTML5 and Browser]]
 
[[文件:firefox-62x61.png]][[Firefox]] [[文件:chrome-62x61.png]][[Chrome]] [[文件:ie-62x61.png]][[IE]]  [[文件:opera-62x61.png]][[Opera]]  [[文件:safari-62x61.png]][[Safari]]
 
[[文件:firefox-62x61.png]][[Firefox]] [[文件:chrome-62x61.png]][[Chrome]] [[文件:ie-62x61.png]][[IE]]  [[文件:opera-62x61.png]][[Opera]]  [[文件:safari-62x61.png]][[Safari]]
 +
 +
[http://docs.huihoo.com/html/html5-and-browser.pdf HTML5 and Browser] HTML5研究小组成都技术分享沙龙上交流的内容(2011.4.9)
 +
 +
==Mobile==
 +
*[http://www.infoq.com/cn/articles/mobile-architecture-html5-javascript 基于HTML5和Javascript的移动应用架构]
 +
[[image:iPhone-Anroid-Web-Apps.png|right|thumb]]
 +
*[http://docs.huihoo.com/apple/wwdc/2013/session_615__integrating_javascript_into_native_applications.pdf Integrating JavaScript into Native Applications]
 +
*[http://book.huihoo.com/building-iphone-apps-with-html-css-and-javascript/ Building iPhone Apps with HTML, CSS, and JavaScript]
 +
*[http://book.huihoo.com/building-android-apps-with-html-css-and-javascript Building Android Apps with HTML, CSS, and JavaScript]
  
 
==项目==
 
==项目==
 +
*[https://github.com/diegocard/awesome-html5 Awesome HTML5] [[image:awesome.png]]
 +
*[https://github.com/dypsilon/frontend-dev-bookmarks Frontend Development] [[image:awesome.png]]
 +
*[[Apache Cordova]]
 
*[[HTML5 Reset]]–A Base For HTML5-CSS3 Projects
 
*[[HTML5 Reset]]–A Base For HTML5-CSS3 Projects
*[[PhoneGap]]
 
 
*[[pywebsocket]]
 
*[[pywebsocket]]
 
*[[fxCanvas]]
 
*[[fxCanvas]]
 
*[[HTML5/game|HTML5游戏]]
 
*[[HTML5/game|HTML5游戏]]
 +
*[[CasualJS]]
 +
*[[melonJS]]
 +
*[[EaselJS]]
 +
*[[BrowserQuest]]
 +
 +
==编辑器==
 +
*[[Atom editor]]
 +
*[[Nuclide]]
 +
*[[Brackets]]
 +
*[[Visual Studio Code]]
  
 
==演示==
 
==演示==
第52行: 第80行:
 
Image:HTML5-Google-Apple-Microsoft.jpg|HTML5时代
 
Image:HTML5-Google-Apple-Microsoft.jpg|HTML5时代
 
Image:websocket-server-architecture.jpg|WebSocket服务器架构
 
Image:websocket-server-architecture.jpg|WebSocket服务器架构
 +
Image:html5-and-friends.png|HTML5 & Friends
 +
Image:Anatomy-of-a-html5-mobile-app.png|HTML5移动应用解刨图
 
</gallery>
 
</gallery>
  
 
==链接==
 
==链接==
 
[[Image:HTML5.jpg|right]]
 
[[Image:HTML5.jpg|right]]
*[http://dev.w3.org/html5/spec/ HTML5规范]
+
*[http://dev.w3.org/html5/ HTML 5]
 
*[http://www.whatwg.org/specs/web-apps/current-work/multipage/ HTML Standard]
 
*[http://www.whatwg.org/specs/web-apps/current-work/multipage/ HTML Standard]
 +
*[https://platform.html5.org/ The Web platform: Browser technologies]
 +
*[http://www.w3.org/TR/2dcontext/ HTML Canvas 2D Context]
 +
*[http://www.w3.org/TR/html-markup/ HTML: The Markup Language]
 +
*[http://www.w3.org/TR/html-polyglot/ Polyglot Markup: HTML-Compatible XHTML Documents]
 +
*[http://www.w3.org/TR/html-alt-techniques/ HTML5: Techniques for providing useful text alternatives]
 
*[http://dev.w3.org/html5/vocabulary/ HTML5 Vocabulary]
 
*[http://dev.w3.org/html5/vocabulary/ HTML5 Vocabulary]
*[http://dev.w3.org/html5/markup-spec/ HTML5: The Markup Language]
+
*[http://dev.w3.org/html5/markup/ HTML5: The Markup Language Reference]
*[http://dev.w3.org/html5/markup/ HTML: The Markup Language Reference]
+
 
*[http://dev.w3.org/html5/md/ HTML Microdata]
 
*[http://dev.w3.org/html5/md/ HTML Microdata]
 
*[http://dev.w3.org/html5/offline-webapps/ Offline Web Applications]
 
*[http://dev.w3.org/html5/offline-webapps/ Offline Web Applications]
第80行: 第114行:
 
*[http://na.isobar.com/standards/ 前端开发代码标准],涉及代码兼容性和最佳实践,包含 HTML5、CSS、JavaScript、性能、SEO、代码复审、浏览器测试、Validators、Tools、浏览器 Plugins 等内容,文章从2005年以来一直更新至今,值得收藏和仔细研读。
 
*[http://na.isobar.com/standards/ 前端开发代码标准],涉及代码兼容性和最佳实践,包含 HTML5、CSS、JavaScript、性能、SEO、代码复审、浏览器测试、Validators、Tools、浏览器 Plugins 等内容,文章从2005年以来一直更新至今,值得收藏和仔细研读。
 
*[http://html5accessibility.com/ HTML5 accessibility]
 
*[http://html5accessibility.com/ HTML5 accessibility]
 +
*[http://www.enjoyhtml5.com/ Enjoy HTML5]
 +
*[http://html.adobe.com/ Adobe & HTML]
  
 
==学习资源==
 
==学习资源==
第113行: 第149行:
 
*[http://www.weboshelp.net/getting-started-with-webos/156-palm-webos-html5-database-storage-tutorial webOS HTML5 Database Storage Tutorial(webOS HTML5 数据存储指南)] HTML5 的本地存储功能将使数据存储十分简便。   
 
*[http://www.weboshelp.net/getting-started-with-webos/156-palm-webos-html5-database-storage-tutorial webOS HTML5 Database Storage Tutorial(webOS HTML5 数据存储指南)] HTML5 的本地存储功能将使数据存储十分简便。   
 
*[http://articles.sitepoint.com/article/html-5-snapshot-2009 Yes, You Can Use HTML 5 Today!] 本文介绍了一些现已被支持的HTML 5 特性,对初学者十分有用。
 
*[http://articles.sitepoint.com/article/html-5-snapshot-2009 Yes, You Can Use HTML 5 Today!] 本文介绍了一些现已被支持的HTML 5 特性,对初学者十分有用。
 +
 +
==文档==
 +
*[http://docs.huihoo.com/jboss/jbossworld/2011/HTML5-for-the-Java-Developer.pdf HTML5 for the Java Developer]
 +
*[http://www.ibm.com/developerworks/cn/xml/x-html5mobile1/ 使用 HTML 5 创建移动 Web 应用程序,第 1 部分: 联合使用 HTML 5、地理定位 API 和 Web 服务来创建移动混搭程序]
 +
*[http://www.ibm.com/developerworks/cn/xml/x-html5mobile2/ 使用 HTML 5 创建移动 Web 应用程序,第 2 部分: 使用 HTML 5 开启移动 Web 应用程序的本地存储]
 +
*[http://www.ibm.com/developerworks/cn/xml/x-html5mobile3/ 使用 HTML 5 创建移动 Web 应用程序,第 3 部分: 使用 HTML 5 支持移动 Web 应用程序离线工作]
 +
*[http://www.ibm.com/developerworks/cn/xml/x-html5mobile4/ 使用 HTML 5 创建移动 Web 应用程序,第 4 部分: 使用 Web Workers 来加速您的移动 Web 应用程序]
  
 
{{comment}}
 
{{comment}}

2016年7月6日 (三) 14:41的最后版本

Html5-badge-h-connectivity-css3-device-graphics-multimedia-performance-semantics-storage.png

HTML5 不仅仅是一次HTML版本的重大升级,更重要的,它是新一代Web开发标准和开放平台

Node.js, Meteor, React.js, AngularJS, JavaScript 和 HTML5 生态系统

HTML5、CSS3JavaScript 是当前Web的热点。

HTML5 快速参考指南(速查表)

收集、整理、制作各类速查表(cheat sheet):有 HTML5、CSS3、JavaScript ...

另一个重要平台:Flash

目录

[编辑] 新闻

Wikipedia-35x35.png 您可以在Wikipedia上了解到此条目的英文信息 HTML5 Thanks, Wikipedia.
Webstandards.png

自http://www.w3.org/html/planet/atom.xml加载RSS失败或RSS源被墙

[编辑] 规范与API

[编辑] 浏览器

HTML5 and Browser

Firefox-62x61.pngFirefox Chrome-62x61.pngChrome Ie-62x61.pngIE Opera-62x61.pngOpera Safari-62x61.pngSafari

HTML5 and Browser HTML5研究小组成都技术分享沙龙上交流的内容(2011.4.9)

[编辑] Mobile

IPhone-Anroid-Web-Apps.png

[编辑] 项目

[编辑] 编辑器

[编辑] 演示

[编辑] 图集

[编辑] 链接

HTML5.jpg

[编辑] 学习资源

30 个 HTML5 学习资源,来源:Ntt.cc 翻译:lovelyashes

[编辑] 文档

Comment-32x32.png

<discussion>characters_max=300</discussion>

分享您的观点
个人工具
名字空间

变换
操作
导航
工具箱