澳门新浦京娱乐场网站-www.146.net-新浦京娱乐场官网
做最好的网站

澳门新浦京娱乐场网站:推荐7本不错的HTML5书籍

HTML5新手入门指南

2011/08/02 · HTML5 · 2 评论 · HTML5

HTML5的发展越来越迈向成熟,很多的应用已经逐渐出现在你我日常生活中了,不只让传统网站上的互动Flash逐渐的被HTML5的技术取代,更重要的是可以透过HTML5的技术来开发跨平台的手机软件,让许多开发者感到十分兴奋!

当你开始想要学习、试图想要投入相关的开发时,由于HTML5的技术还在持续发展、进化当中,学习的资源也都比较零散,较难有一个整体的方向。在本篇文章中,笔者将会介绍HTML5的主要技术组成,并且提供一些学习资源让大家参考。

HTML5到底是什么?

一般广义而言的HTML5则包含了HTML、CSS和JavaScript三个部分,不单单只是HTML部分而已,CSS 3和JavaScript也有许多的创新,让整个网页程序功能更加缤纷。

澳门新浦京娱乐场网站 1

HTML5的技术组成

脱机功能

HTML5透过JavaScript提供了数种不同的脱机储存功能,相对于传统的Cookie而言有更好的弹性以及架构,并且可以储存更多的内容。

  • WebStorage – 比Cookies更大、更有弹性的的储存
  • Web SQL Database – 本地端的SQL数据库
  • Indexed DB – Key-value的本地数据库
  • Application Cache – 将部分常用的网页内容cache起来

实时通讯

以往网站由于HTTP协议以及浏览器的设计,实时的互动性相当的受限,只能使用一些技巧来「仿真」实时的通讯效果,但HTML5提供了完善的实时通讯支持。

  • WebSocket – 实时的socket联机
  • Web Workers – 以往JavaScript都是single thread,透过Worker可以有多个运算
  • Notifications – 原生的提示讯息,类似像OS X的Growl提示

档案以及硬件支持

不知道大家有没有发现,在Gmail等新的网页程序当中,已经可以透过拖拉的方式将档案作为邮件附件?这就是这部份HTML5档案的功能中的Drag’n Drop和File API。

  • Drag’n Drop – HTML元素的拖拉
  • File API – 读取用户本机计算机的内容
  • Geolocation – 地理定位
  • Device orientation – 手持装置的方向
  • Speech input – 语音输入

语义化

语义化的网络是可以让计算机能够更加理解网页的内容,对于像是搜索引擎的优化(SEO)或是推荐系统可以有很大的帮助。

  • New tags – 新的标签,像是< header>、< section>等
  • Application tags – 也是新的标签,像是< meter>、< progress>
  • Microdata – 加入语义的数据让搜索引擎等网站可以正确显示
  • Form type – < form>可以加入的type便多了,包含email和tel等属性,浏览器会协助进行数据格式的验证

多媒体

Audio、Video的卷标支持以及Canvas的功能应该是大家对于HTML5最熟悉的部份了,也是许多人认为Flash会被取代的主要原因。

  • Audio video – 影片和音乐的原生播放支持
  • Canvas – 2D的绘图功能支持
  • Canvas 3D – 3D的绘图功能支持
  • SVG – 向量图支援

CSS 3

CSS3支持了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。

  • Selector – 更有弹性的选择器
  • Webfonts – 嵌入式字体
  • Layout – 多样化的排版选择
  • Stlying radius gradient shadow – 圆角、渐层、阴影
  • Border background – 边框的背景支持
  • Transition – 组件的移动效果
  • Transform – 组件的变形效果
  • Animation – 将移动和变形加入动画支持

JavaScript

在比较JavaScript的基本面也新增了DOM的API、和浏览器上下页的纪录修改。

  • DOM API – 更方便的查询DOM组件
  • History API – 浏览器的上下页内容修改,方便AJAX可以保留浏览记录

现在就开始用HTML5

截至目前而言,主流的网页浏览器Firefox 5、Chrome 12和Safari 5都已经支持了许多的HTML5标准,而且目前最新版的IE 9也支持了许多HTML5标准,随着使用者陆续升级到新版的浏览器,开发者应该在现在就可以着手开发!

而对于旧的浏览器兼容性而言,先前撰文介绍过的CSS3 Pie便是一个让旧版浏览器也能支持CSS 3功能的JavaScript函数库。

而Modernizer也是一个相当重要的JavaScript函数库,提供开发者轻松的方式判别目前使用者的浏览器是否有支持特定的HTML5功能。

学习方向

在看完本篇文章之后,大家或许可以针对自己有兴趣的方面透过关键词搜寻去寻找相关的学习资源以及内容。

Google的HTML5 Rocks网站也是我相当推荐的,其中的透过HTML5开发的HTML5介绍投影片更是值得一看,可以将上述的内容都实际试玩(推荐使用Chrome浏览器以获得完整的功能效果)。除了HTML5 Rocks,这里还有11个不容错过的HTML5网站。

原文:Richard

赞 1 收藏 2 评论

澳门新浦京娱乐场网站 2

|本文由好程序员特训营编辑

推荐7本不错的HTML5书籍

2011/08/01 · HTML5 · 3 评论 · HTML5

HTML5是HTML的下一代。HTML5引进了各种新元素,无论是针对内容结构还是媒体。

你可以找到很多关于HTML5信息的网站,包括介绍、教程以及使用技巧。但市面上也有一些好的书籍,集中介绍了HTML5特性,Amin Riazi搜集并重点推荐了7本的书目,它们确实是学习HTML5的好帮手。 (编注:《Web开发人员应有的15本免费电子书》这篇文章也有5本HTML5电子书。)

1. Pro HTML 5 Programming 《HTML5高级程序设计》

作者:Peter Lubbers, Brian Albers, Frank Salim

澳门新浦京娱乐场网站 3

这本书适合有丰富编程经验的Web应用开发者。换言之,我们不会在这本书中介绍互联网发展的基础知识。这本书中有许多现成的资源可以加快学习Web编程原理。

 

2. HTML5: Up and Running 《HTML5揭秘》

作者:Mark Pilgrim

澳门新浦京娱乐场网站 4

书中的8个重点主题:

●新的元素,如<Header>,<footer>和<section>(第3章)

●Canvas元素,使用 JavaScript 在网页上绘制图像。(第4章)

●你可以在网页中嵌入视频,而不使用第三方插件(第5章)。

●Geolocation,借助它,浏览者可以在你的Web应用中分享自己的地理位置(第6章)。

●永久的本地存储,而不用使用第三方插件(第7章)。

●离线Web应用,即使网络中断也能工作(第8章)。

●HTML网页窗体的改进(第9章)。

澳门新浦京娱乐场网站,●Microdata,让你创造属于自己的词汇表,并使用自定义的语言来扩展你的网页。(第10章)

 

3. Foundation HTML5 Canvas: For Games and Entertainment | 《 HTML5 Canvas基础教程》

作者:Rob Hawkes

澳门新浦京娱乐场网站 5

关于作者:Rob Hawkes擅长通过代码解决问题。他沉迷于可视化编程,而不仅仅局限于HTML5以及其他令人兴奋的Web新功能的研究。

 

4. The Essential Guide to HTML5: Using Games to learn HTML5 and JavaScript  |《 HTML5游戏开发 》

作者:Jeanine Meyer

澳门新浦京娱乐场网站 6

这本书适合那些想通过HTML5建立充满活力、令人兴奋的网站的开发者。如果你了解编程的相关知识,并希望知道HTML5能带给你什么,或者你没 有任何编程经验,这本书都很适合你。这本书将展示HTML5的新功能和神秘的编程艺术。编程是一门艺术,而开发有趣的游戏和其它应用程序则需要天赋。

 

5. Sergey’s HTML5 & CSS3 Quick Reference (尚无中文版)

作者: Sergey Mavrody.

澳门新浦京娱乐场网站 7

这本书是适合于专业网页设计师和开发人员的技术字典,它总结了超过3000页的HTML5和CSS3规则,涵盖了最常见的基本概念和规则,包括标签、属性、值、对象、属性、方法、事件和API。

主题包括:

●HTML 5介绍。

●HTML5和XTML5语法规则。

●文档的语义结构。

●HTML5元素、属性、Web 2.0的完整参考。

●全局属性和事件。

●一个完整的CSS3属性总结。

●HTML5 API,包括Canvas、SVG、Video、Audio、Web Workers、Web Sockets、Microdata、Geolocation和Web Stroage等。

 

6. HTML5 For Dummies Quick Reference(尚无中文版)

出版社:Wiley Publishing Inc

澳门新浦京娱乐场网站 8

HTML是网页制作的首选编程语言,而HTML5拥有全新的特性。从本书中你会了解丰富的媒体应用、地理位置、数据库、移动能力、CSS和JavaScript的新应用,以及如何使用新的canvas标签。

本书概览:

●浏览器支持的新工具。

●媒体原理,包括视频标签。

●CSS中附加的伪类。

●新的表单输入类型。

澳门新浦京娱乐场网站:推荐7本不错的HTML5书籍,HTML5新手入门指南。●如何添加阴影和丰富多彩的形状。

●创建Web套接字连接的提示。

●Web工作者如何提高工作效率。

●创建动画的步骤。

 

7. HTML5 Canvas (中文版)

作者:Steve Fulron 、Jeff Fulron

澳门新浦京娱乐场网站 9

HTML5 Canvas,为开发者提供了在普通的Web浏览器中使用常用的HTML和JavaScript创造动画图形的机会。Canvas是HTML5的最明显的 特性之一,它提供了极大的视觉效果和交互性。然而,它不同于典型的JavaScript、Flash、Silverlight开发,需要认真的去探索!

本书分为11章,前四章,主要通过实例介绍HTML Canvas API,所涵盖的主题包括文本、图像和绘图。接下来的六章主要介绍了Canvase API的扩展应用,在这些章节中,我们讨论了数学和物理的应用、视频、音频、游戏和移动应用。最后一章介绍了3D和multiplayer的实验领域。

 

原文:Amin Riazi  译文:iteye

 

赞 2 收藏 3 评论

澳门新浦京娱乐场网站 10

|作者:好程序员

澳门新浦京娱乐场网站 11

HTML5到底是什么?

一般广义而言的HTML5则包含了HTML、CSS和JavaScript三个部分,不单单只是HTML部分而已,CSS 3和JavaScript也有许多的创新,让整个网页程序功能更加缤纷。

HTML5的技术组成

脱机功能

HTML5透过JavaScript提供了数种不同的脱机储存功能,相对于传统的Cookie而言有更好的弹性以及架构,并且可以储存更多的内容。

WebStorage: 比 Cookies 更大、更有弹性的的储存

Web SQL Database: 本地端的SQL数据库

Indexed DB: Key-value 的本地数据库

Application Cache: 将部分常用的网页内容cache起来

实时通讯

以往网站由于HTTP协议以及浏览器的设计,实时的互动性相当的受限,只能使用一些技巧来「仿真」实时的通讯效果,但HTML5提供了完善的实时通讯支持。

WebSocket: 实时的socket联机

Web Workers: 以往 JavaScript 都是 single thread,透过 Worker 可以有多个运算

Notifications: 原生的提示讯息,类似像OS X的Growl提示

档案以及硬件支持

不知道大家有没有发现,在Gmail等新的网页程序当中,已经可以透过拖拉的方式将档案作为邮件附件?这就是这部份HTML5档案的功能中的Dragn Drop和File API。

Dragn Drop: HTML元素的拖拉

File API: 读取用户本机计算机的内容

Geolocation: 地理定位

Device orientation: 手持装置的方向

Speech input: 语音输入

语义化

语义化的网络是可以让计算机能够更加理解网页的内容,对于像是搜索引擎的优化(SEO)或是推荐系统可以有很大的帮助。

New tags: 新的标签,像是 header、 section等

Application tags: 也是新的标签,像是 meter、 progress

Microdata: 加入语义的数据让搜索引擎等网站可以正确显示

Form type: form可以加入的type便多了,包含email和tel等属性,浏览器会协助进行数据格式的验证

多媒体

Audio、Video的卷标支持以及Canvas的功能应该是大家对于HTML5最熟悉的部份了,也是许多人认为Flash会被取代的主要原因。

Audio video: 影片和音乐的原生播放支持

Canvas: 2D的绘图功能支持

Canvas 3D: 3D的绘图功能支持

SVG: 向量图支援

CSS 3

澳门新浦京娱乐场网站 12

CSS3支持了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。

澳门新浦京娱乐场网站:推荐7本不错的HTML5书籍,HTML5新手入门指南。Selector: 更有弹性的选择器

Webfonts: 嵌入式字体

Layout: 多样化的排版选择

Stlying radius gradient shadow: 圆角、渐层、阴影

Border background: 边框的背景支持

Transition: 组件的移动效果

Transform: 组件的变形效果

Animation: 将移动和变形加入动画支持

JavaScript

澳门新浦京娱乐场网站 13

在比较JavaScript的基本面也新增了DOM的API、和浏览器上下页的纪录修改。

DOM API: 更方便的查询DOM组件

History API: 浏览器的上下页内容修改,方便AJAX可以保留浏览记录

现在就开始用HTML5

截至目前而言,主流的网页浏览器Firefox 5、Chrome 12和Safari 5都已经支持了许多的HTML5标准,而且目前最新版的IE 9也支持了许多HTML5标准,随着使用者陆续升级到新版的浏览器,开发者应该在现在就可以着手开发!

而对于旧的浏览器兼容性而言,先前撰文介绍过的CSS3 Pie便是一个让旧版浏览器也能支持CSS 3功能的JavaScript函数库。

而Modernizer也是一个相当重要的JavaScript函数库,提供开发者轻松的方式判别目前使用者的浏览器是否有支持特定的HTML5功能。

——关注好程序员微信号:goodprogrammer 全面了解最新技术资讯,名企招聘动态!帮你解决就业难题!

本文由澳门新浦京娱乐场网站发布于新浦京娱乐场官网,转载请注明出处:澳门新浦京娱乐场网站:推荐7本不错的HTML5书籍