`
zhangyi0618
  • 浏览: 62012 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

如何学习HTML5? (转)

 
阅读更多
http://www.html5cn.org/article-3033-1.html

如何学习HTML5?

摘要: 如何学习HTML5?这个话题,问的人很多,随便百度一下就能看到各种各样的回答。不过感觉每种回答都不给力。下面我给出一个自己理解的HTML5学习的路线图,按照这个路线图学习以后,一般的HTML5项目开发就没问题了。 .. ...
       如何学习HTML5?这个话题,问的人很多,随便百度一下就能看到各种各样的回答。不过感觉每种回答都不给力。下面我给出一个自己理解的HTML5学习的路线图,按照这个路线图学习以后,一般的HTML5项目开发就没问题了。仅作为参考。

       1. HTML5教程主要学习HTML标签、属性和事件
       参考:http://www.w3school.com.cn/html5/index.asp

       2. CSS教程
       主要学习使用CSS来控制网页的样式和布局。
       参考:http://www.w3school.com.cn/css/index.asp
       需加上一本讲解CSS3的书。

       3. JavaScript教程
       做HTML5开发,主要使用JS语言。所以要学习JS语言。必要时还要学习一些JS库,方便开发。
       JS教程:http://www.w3school.com.cn/js/index.asp
       JQuery教程:http://www.w3school.com.cn/jquery/index.asp

       4. HTML5其它的核心技术
       以上只是基础,做HTML5开发,可能会用到下面的技术。

        1)WebWorker
       可以在浏览器中运行多个JS脚本。可以用于需要后台执行某种耗时工作的场合。API可以参考:http://www.w3.org/TR/workers/

       2)WebSocket
       浏览器可以与服务器间双向通信。Socket方式能够大大提高浏览器与服务器间的通信效率。可以用于浏览器与服务器间通信频繁的场合,比如实时聊天。API可以参考:http://www.w3.org/TR/websockets/

       3)Canvas2D
       浏览器中画图。可以用于游戏开发等等场合。详细API可以参考:http://www.w3.org/TR/2dcontext/教程可以看:https://developer.mozilla.org/cn/Canvas_tutorial

分享到:
评论

相关推荐

    html5 抽奖转盘

    这个"html5 抽奖转盘"项目是利用HTML5的特性来创建一个互动的抽奖转盘,非常适合新手学习和参考。在HTML5中,我们可以使用Canvas元素来实现动态的、图形丰富的界面,抽奖转盘就是这样一个典型的例子。 Canvas是...

    超强html5学习demo

    本"超强HTML5学习demo"压缩包包含了一系列实例,旨在帮助学习者深入理解和实践HTML5的各项特性。 一、结构元素 HTML5引入了许多新的结构元素,如`<header>`、`<nav>`、`<article>`、`<section>`和`<footer>`等,...

    HTML5学习资料

    HTML5是下一代超文本标记语言,它在2014年被正式确立为W3C标准,极大地丰富...同时,学习HTML5也意味着了解如何与其他现代Web技术(如JavaScript框架和库,如React、Vue或Angular)结合,以构建功能强大的Web应用程序。

    HTML5 地球旋转3D动画

    HTML5是现代网页开发的重要标准,它引入了许多新特性,极大地丰富了网页的交互性和表现力。在HTML5中,Canvas元素是一个强大的绘图工具,允许开发者通过JavaScript动态绘制2D和3D图形。本话题将深入探讨如何利用...

    ANSI to HTML5 一个将ANSI转换为HTML5的类库

    开发者可以通过阅读和学习源码,理解如何解析ANSI序列,以及如何构建相应的HTML5结构和样式。此外,库的文档可能会提供API使用示例,帮助开发者快速集成到自己的项目中。 总的来说,ANSI到HTML5的转换是一个实用的...

    html5&html学习资料.zip

    HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网...

    html5 转盘抽奖源码

    HTML5是下一代网页标准,它提供了许多增强网页交互性和表现力的新特性,使得开发者能够创建出更加生动、富有动态效果的网页应用。在这个"html5 转盘抽奖源码"项目中,开发者利用HTML5的特性,结合jQuery库,构建了一...

    HTML5+CSS3实现的音量调节旋转按钮动态特效源码

    HTML5和CSS3是现代网页开发的两大核心技术,它们提供了丰富的功能和强大的视觉表现力。在"HTML5+CSS3实现的音量调节旋转按钮动态特效源码"中,我们可以看到这两个技术如何协同工作,创建出一个交互性强、用户体验...

    捕鱼达人html5小游戏源码 | 可以学习 |可以改造

    总之,捕鱼达人html5小游戏源码提供了一个实践和学习HTML5游戏开发的宝贵机会,无论是对于新手还是有经验的开发者,都能从中受益匪浅。通过深入研究源码,可以掌握更多关于HTML5、JavaScript和游戏开发的知识,为...

    HTML5抽奖转盘

    这个HTML5抽奖转盘项目对于学习Web前端开发和理解HTML5、CSS3、JavaScript之间的协作非常有帮助。开发者可以通过它了解如何用Web技术构建动态、交互式的用户界面,同时也可以根据自己的需求进行定制和扩展,比如增加...

    HTML-3D旋转表白爱心

    它展示了Web开发中的创意应用,同时也提供了一个学习和实践HTML5与CSS3 3D特性的实例。通过这个项目,你可以深入理解Web前端开发中的动态效果和交互设计,同时也能为你的心仪之人打造一份独一无二的表白礼物。

    jQuery+html5实现的3D焦点轮播幻灯片(html5zoo.js html5zoo-slides).zip

    《jQuery+HTML5实现的3D焦点轮播幻灯片详解》 在现代网页设计中,动态、交互式的用户体验已经成为不可或缺的一部分。其中,3D焦点轮播幻灯片作为一种高效的信息展示工具,能够吸引用户的注意力并提升网站的视觉效果...

    modernizr html5 jquery 3D图片翻转幻灯片效果下载

    "Modernizr HTML5 jQuery 3D图片翻转幻灯片效果下载"是一个利用这些技术创建的资源,旨在帮助开发者实现动态且引人注目的图像展示功能。在本文中,我们将深入探讨Modernizr、HTML5和jQuery这三个关键组件,以及它们...

    H5 轮盘转转游戏 - 源码案例

    总的来说,这个H5轮盘转转游戏案例是一个很好的实践项目,它展示了HTML5的动态特性、jQuery的便利性和JavaScript的游戏逻辑设计。对于想要提升H5开发技能的开发者来说,这是一个非常有价值的参考资料。通过分析和...

    html5技术在线学习,html5开发之html5开发技术学习路线图.docx

    学习HTML5开发,首先需要掌握HTML的基本知识。这包括理解HTML的结构,熟悉各种标签和属性的用法。这些基础知识构成了网页内容的基础框架。同时,了解DOCTYPE声明、头部元信息以及如何创建链接、图片、表格等元素,是...

    HTML5 教程合集

    ... ... ... - **绘图函数详解**:通过`<canvas>`元素及其相关的JavaScript API,可以实现复杂的图形绘制...通过上述提供的资源和知识点,大家可以系统地学习HTML5的基础知识及进阶技巧,从而在Web开发领域取得更大的成就。

    python+PyDocX+BeautifulSoup+PyQt5实现word转html的可视化插件

    总的来说,通过Python+PyDocX+BeautifulSoup+PyQt5的组合,我们可以构建出一个功能完善的Word转HTML可视化工具,这充分展示了Python在文档处理和GUI开发上的强大能力。在实际应用中,这样的工具不仅可以提高工作效率...

    HTML5学习课件及总结

    这个“HTML5学习课件及总结”资源包含了关于HTML5的基础知识、新特性以及与CSS3的结合应用。 一、HTML5基础知识 HTML5的核心在于简化语法、增强语义性和提供多媒体支持。在HTML5中,许多过时的元素被废弃,例如`...

    html转xml小工具,包括源码

    5. **性能优化**:对于大量HTML文件的转换,性能优化是关键。这可能涉及缓存重复的元素、避免不必要的内存分配以及使用流式处理等策略。 6. **用户界面(UI)设计**:如果该工具具有图形用户界面,那么我们需要关注...

Global site tag (gtag.js) - Google Analytics