`
guoyiqi
  • 浏览: 1001774 次
社区版块
存档分类
最新评论

从今天开始,好好学学html5

 
阅读更多

html5将是未来一段时间影响web应用的重头戏。

他还在不断的发展中。很多浏览器和手持设备已经支持。

学习的教程是HTML5揭秘》(HTML5: Up and Running: Dive into the Future of Web Development)英文文字版[PDF]中文版下载

1。这不是一件大事

你或许会问:“我怎样才能开始使用HTML5,如果旧的浏览器不支持它呢?”但问题本身是一种误导。 HTML5是不是一件大事,它是一个个别功能的集合。所以你不能检测“HTML5的支持”,因为没有任何意义。但你可以检测个别功能的支持,如绘画<canvas>,视频<Video>或地理位置<geolocation>。

你可能认为的HTML是由一系列标签和尖括号组成。这是一个很重要的一部分,但它不是故事的全部。 HTML5规范还定义了那些标签如何通过文档对象模型(DOM)与JavaScript交互。 HTML5不只是定义<video>标签,也有一个相应的DOM中的视频对象的API。您可以使用这个API来检测支持不同的视频格式,播放视频,暂停,静音,跟踪有多少视频已被下载,以及其他一切你需要建立一个围绕<video>标签本身的丰富的用户体验。

第2章及附录A将教你如何正确地检测到每个新的HTML5功能的支持。。

2。您不必舍弃

不管是爱它还是恨它,你不能否认,HTML 4是最成功的标记格式。您不需要扔掉您现有的标记。您不必重新学习你已经知道的事情。如果您的Web应用程序的在HTML 4上正常运行,那么它也会在HTML5上正常运行。

现在,如果你想提高你的web应用,你已经来到了正确的地方。下面是一个具体的例子:HTML5的支持所有形式从HTML 4的控制,但它也包括新的输入控件。其中有些是期待已久的增补,如滑块和日期选择器;其他更微妙。例如,输入类型的电子邮件看起来就像是一个文本框,但移动浏览器将自定义的屏幕上的键盘,使其更容易键入电子邮件地址。旧版本的浏览器不支持电子邮件输入类型将它当作一个普通的文本字段,形式仍然没有标记的变化或脚本黑客。这意味着你可以开始改善您的网页形式的今天,即使您的一些访问者仍然在使用IE 6。

在第9章,可以阅读关于HTML5形式的所有细节。

3。这很容易上手


“升级”到HTML5可以简单只要改变你的DOCTYPE。 DOCTYPE应该已经在每个HTML页面的第一行。以前版本的HTML定义了很多的文档类型,并选择是正确的,可能会非常棘手。在HTML5中,只有一个DOCTYPE:

    <!DOCTYPE HTML>

升级到HTML5的DOCTYPE不会破坏你现有的标记,因为所有的HTML 4中定义的标签仍然在HTML5的支持。但它会允许你使用 - 和验证 - 新的语义元素,像<article>的<section>,的<Header>,并<footer>。您将了解所有这些新元素在第3章。

4。它已经在工作

无论你是想绘画上,播放视频,设计出更好的形式,或构建Web应用程序脱机工作,你会发现,HTML5是早已经被支持。火狐,Safari,Chrome,Opera,和移动浏览器已经支持绘画(第4章),视频(第5章),地理位置(第6章),本地存储(第7章),以及更多。谷歌已经支持微观数据说明(第10章)。即使微软在即将发布的Internet Explorer 9上也支持HTML5特性。


这本书的每个章节包括所有常见浏览器兼容性图表。但更重要的是,如果您需要在旧的浏览器使用HTML5的特性,在每个章节还给出了一些建议和解决方法。 如地理位置(第六章)和视频(第五章)可以通过提供Gears或Flash浏览器插件支持。其他功能,如绘画(第4章),可完全仿真在JavaScript中。这本书将教你如何针对现代浏览器的原生功能,不留下旧的浏览器。

5。它在这里停留

蒂姆伯纳斯 - 李在1990年代早期发明的万维网。后来,他创立了W3C作为一个web标准的管家,该组织已超过15年。W3C在2009年7月关于Web标准的未来做出了以下的决定:

    今天的董事宣布,预定在2009年年底时的XHTML 2工作组的章程到期,XHTML 2将不会被更新。通过这样做,和W3C的HTML工作组在增加资源,希望加快HTML5的进展情况,并澄清W3C的HTML的未来问题上的立场。

HTML5是在这里停留。让我们开始吧。

分享到:
评论

相关推荐

    热工基础 张学学 课后习题答案

    5. **解题技巧与方法**:课后答案不仅提供正确结果,更揭示了解题的步骤和思路,帮助学生掌握如何分析问题、选择合适模型和公式,以及如何验证答案的合理性。 6. **复习与备考**:对于准备考试或考研的学生,这些...

    jsp的页面

    都要好好学学学学学学学学学学学学学学

    学学吧CISCO方面

    学学吧比玩游戏好多了

    无线网络 大家可以看看学学

    无线网络 大家可以看看学学 无线网络 大家可以看看学学

    6142_学学网.apk

    6142_学学网.apk

    (word完整版)学学PHPCMS的模板制作.doc

    参考资料:(word完整版)学学PHPCMS的模板制作.doc 以上就是关于PHPCMS模板制作的详细解析,希望对您在构建网站时提供有力的支持。通过不断实践和探索,相信您可以利用PHPCMS的模板机制创造出更多优秀的网站作品。

    我国高等教育学学科建设前瞻.pdf

    这些方法的运用,使得研究能够覆盖高等教育的各个层面,从宏观政策到微观教学,从历史变迁到现状分析,全方位地揭示高等教育的内在规律和存在问题。同时,这些方法也促进了研究的科学性和实证性,提高了研究成果的...

    apache+jboss学学.rar

    在提供的压缩包"apache+jboss学学.rar"中,很可能是包含了一系列的学习资料,如HTML文档,详细讲解了如何配置和管理Apache与JBoss的组合,可能涵盖了安装指南、配置教程、故障排查以及最佳实践等内容。学习这些资料...

    一代人有一代人之学术——从《红学学案》到《金学学案》

    "红学"若无"史"可鉴,它的发展也就没有方向;...《金学学案》可谓《红学学案》写作模式的全方位地移植,即《红学学案》的学术理念、写作原则和写作方法以及整体构想等都对《金学学案》具有直接的借鉴意义。

    试论我国高等教育学学位点布局不均衡性的问题.docx

    【摘要】:本文探讨了我国高等教育学学位点布局的不均衡问题,指出这一现象是由多种因素导致的,尤其是地区间教育发展水平的差异。学位点的分布主要集中在华东、华北和华中地区,与这些地区的经济发展水平密切相关。...

    24丨想学华为?不妨先学学都江堰

    24丨想学华为?不妨先学学都江堰

    21天学学通AJAX技术速成

    在"21天学学通AJAX技术速成"的学习资源中,我们将全面了解AJAX的基本概念、工作原理以及实际应用。 首先,AJAX的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器进行通信。在JavaScript中创建...

    学学Python_57标准模块5 时间模块

    例如,在实际编程中,你可能需要记录程序运行的时间,这时可以使用`time()`函数获取开始时间,然后在程序结束时再次调用`time()`,两者的差值就是程序的运行时间。或者,你可能需要等待某个特定的时间点,可以利用`...

    零基础学学数据结构part2

    零基础学学数据结构第二部分,陈锐著,下载后两个压缩卷一起解压即可

    学学51单片机电路图

    "学学51单片机电路图"这个主题主要涵盖了以下几个关键知识点: 1. **51单片机基本结构**:了解51单片机的内部结构,包括CPU、寄存器、内存(内部ROM和RAM)、I/O端口(P0、P1、P2、P3)以及外部扩展接口如SPI、I2C...

    swing 学习 有时间学学

    5. `javax.swing.JFrame` - Swing版本的Frame,提供更丰富的功能。 6. `javax.swing.JDialog` - 用于创建对话框的Swing组件。 7. `javax.swing.JApplet` - 用于创建Web上的Swing应用程序。 8. `javax.swing....

Global site tag (gtag.js) - Google Analytics