金沙棋牌官方平台

当前位置:金沙棋牌 > 金沙棋牌官方平台 > 简单介绍,HTML5入门指南

简单介绍,HTML5入门指南

来源:http://www.logblo.com 作者:金沙棋牌 时间:2019-11-05 18:52

推荐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

金沙棋牌官方平台 1

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

 

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

作者:Mark Pilgrim

金沙棋牌官方平台 2

书中的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

金沙棋牌官方平台 3

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

 

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

金沙棋牌官方平台,作者:Jeanine Meyer

金沙棋牌官方平台 4

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

 

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

作者: Sergey Mavrody.

金沙棋牌官方平台 5

这本书是适合于专业网页设计师和开发人员的技术字典,它总结了超过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

金沙棋牌官方平台 6

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

本书概览:

●浏览器支持的新工具。

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

●CSS中附加的伪类。

●新的表单输入类型。

●如何添加阴影和丰富多彩的形状。

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

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

●创建动画的步骤。

 

7. HTML5 Canvas (中文版)

作者:Steve Fulron 、Jeff Fulron

金沙棋牌官方平台 7

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

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

 

原文:Amin Riazi  译文:iteye

 

赞 2 收藏 3 评论

金沙棋牌官方平台 8

初学HTML5系列一:简单介绍,初学html5简单介绍

最近很闲,就想着学点东西,然后就瞄中了html5,以前只看过很简单的一些,这次是系统的学下,顺便也记录下。废话不多说,开始正题。

  稍微介绍下html5,html5是W3C和WHATWG 合作的结果。

  html5的规则:

    新特性应该基于 HTML、CSS、DOM 以及 JavaScript;减少对外部插件的需求(比如 Flash);更优秀的错误处理;更多取代脚本的标记;HTML5 应该独立于设备;开发进程应对公众透明

   html5的新特性: 

    用于绘画的 canvas 元素;用于媒介回放的 video 和 audio 元素;对本地离线存储的更好的支持;新的特殊内容元素,比如 article、footer、header、nav、section;新的表单控件,比如 calendar、date、time、email、url、search

    浏览器支持:最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

  html5和html4.01存在一些区别,增加了video视频标签,canvas定义图形标签,command标签定义命令按钮等等;html5将不支持html4.01中的某些标签,和某些标签中的一些属性,就不一一列举了,在后续的博客中会提到,自己稍加注意就好。

  html5同样也有着优缺点,html5本身是由W3C推荐出来的,它的开发是通过谷歌,苹果,中国移动等几百家公司一起酝酿的技术,这个技术最大的好处就是它是一个公开的技术,另外,W3C通过的标准也就意味着每一个浏览器或每一个平台都会去实现。

html同样支持多设备和多平台,这点造就了它的移植性,同时这点也吸引了大多数人对html5的兴趣。

    html5的优点大概总结出6点:

                1、提高可用性和改进用户的友好体验;

                2、有几个新的标签,这将有助于开发人员定义重要的内容;

                3、可以给站点带来更多的多媒体元素(视频和音频);

                4、可以很好的替代FLASH和Silverlight;

                5、当涉及到网站的抓取和索引的时候,对于SEO很友好;

                6、将被大量应用于移动应用程序和游戏。

    任何技术都有双面性,那么问题来了,它的缺点:

          1、浏览器的编程模型还是90年代流行的单进程单线程(single process single thread),但原生实现(比如用Object C)的APP可以用多线程。移动端编写APP,可以使用多个线程,第一个线程,被称作主线程(main thread),编程的第一原则是don’t do heavy work on main thread。通常只让它处理UI事件等,其他重度的工作让其他背景线程来做。但浏览器只有一个线程,所有的事情都是它干。在台式机上,浏览器编程还没有太多问题,因为够快;但在移动端,这个弊端很明显。

          2、它新但并不代表它安全,html5所构建的网页和其他语言编写的网页一样容易泄露一些敏感数据。2013年3月,HTML5编程语言的一个漏洞被发现:它允许网站利用数GB垃圾数据对用户展开轰炸,甚至会在短时间内将硬盘塞满。多款主流浏览器均会受此影响。

  以上大概是html5的一些基本介绍,可能写的不全,了解的博友可以补充哈。

  

  

  

  

    

   

 

 

 

 

   

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

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

推荐一本html入门书,要涵盖html5

  1. Pro HTML 5 Programming 《HTML5高级程序设计》
    作者:Peter Lubbers, Brian Albers, Frank Salim
    这本书适合有丰富编程经验的Web应用开发者。换言之,我们不会在这本书中介绍互联网发展的基础知识。这本书中有许多现成的资源可以加快学习Web编程原理。
  2. HTML5: Up and Running 《HTML5揭秘》
    作者:Mark Pilgrim

书中的8个重点主题:
●新的元素,如<Header>,<footer>和<section>(第3章)
●Canvas元素,使用 JavaScript 在网页上绘制图像。(第4章)
●你可以在网页中嵌入视频,而不使用第三方插件(第5章)。
●Geolocation,借助它,浏览者可以在你的Web应用中分享自己的地理位置(第6章)。
●永久的本地存储,而不用使用第三方插件(第7章)。
●离线Web应用,即使网络中断也能工作(第8章)。
●HTML网页窗体的改进(第9章)。
●Microdata,让你创造属于自己的词汇表,并使用自定义的语言来扩展你的网页。(第10章)

  1. Foundation HTML5 Canvas: For Games and Entertainment | 《 HTML5 Canvas基础教程》
    作者:Rob Hawkes

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

  1. The Essential Guide to HTML5: Using Games to learn HTML5 and JavaScript |《 HTML5游戏开发 》
    作者:Jeanine Meyer

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

  1. Sergey’s HTML5 & CSS3 Quick Reference (尚无中文版)
    作者: Sergey Mavrody.

这本书是适合于专业网页设计师和开发人员的技术字典,它总结了超过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等。

  1. HTML5 For Dummies Quick Reference(尚无中文版)
    出版社:Wiley Publishing Inc

HTML是网页制作的首选编程语言,而HTML5拥有全新的特性。从本书中你会了解丰富的媒体应用、地理位置、数据库、移动能力、CSS和JavaScript的新应用,以及如何使用新的canvas标签。
本书概览:
●浏览器支持的新工具。
●媒体原理,包括视频标签。
●CSS中附加的伪类。
●......余下全文>>  

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

|作者:好程序员

介绍一本html5的教材

www.w3school.com.cn/html5/  

最近很闲,就想着学点东西,然后就瞄中了html5,以前只看过很简单的一些,这次是系统的学...

HTML5到底是什么?

金沙棋牌官方平台 9

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

HTML5到底是什么?

HTML5的技术组成

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

脱机功能

HTML5的技术组成

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

脱机功能

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

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

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

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

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

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

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

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

实时通讯

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

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

实时通讯

WebSocket:实时的socket联机

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

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

WebSocket: 实时的socket联机

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

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

档案以及硬件支持

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

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

档案以及硬件支持

Dragn Drop: HTML元素的拖拉

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

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

Dragn Drop: HTML元素的拖拉

Geolocation:地理定位

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

Deviceorientation:手持装置的方向

Geolocation: 地理定位

Speech input:语音输入

Device orientation: 手持装置的方向

语义化

Speech input: 语音输入

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

语义化

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

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

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

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

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

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

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

多媒体

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

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

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

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

多媒体

Canvas: 2D的绘图功能支持

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

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

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

SVG:向量图支援

Canvas: 2D的绘图功能支持

CSS 3

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

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

SVG: 向量图支援

Selector:更有弹性的选择器

CSS 3

Webfonts:嵌入式字体

金沙棋牌官方平台 10

Layout:多样化的排版选择

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

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

Selector: 更有弹性的选择器

Border background:边框的背景支持

Webfonts: 嵌入式字体

Transition:组件的移动效果

Layout: 多样化的排版选择

Transform:组件的变形效果

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

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

Border background: 边框的背景支持

JavaScript

Transition: 组件的移动效果

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

Transform: 组件的变形效果

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

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

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

JavaScript

现在就开始用HTML5

金沙棋牌官方平台 11

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

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

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

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

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

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

现在就开始用HTML5

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

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

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

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

本文由金沙棋牌发布于金沙棋牌官方平台,转载请注明出处:简单介绍,HTML5入门指南

关键词: