HTML5 中的一些新特性

简洁的DOCTYPE:

HTML5 只有一个简单的文档类型:<!DOCTYPE?html>。它不使用版本,因此该文档类型适用所有版本的HTML。

简单易记的语言标签:

你并不需要在<html> 中使用xmlns 或xml:lang标记。<html lang=”en”> 将对HTML5 有效。

简单易记的编码类型:

你现在可以在meta 标签中使用”charset”:<meta?charset=”utf-8″ />

不需要闭合标签:

在HTML5 中,空标签(如:br、img 和input )并不需要闭合标签。

废弃的标签:

下面这些标签并不被HTML5 支持: <acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<frameset>、<noframes>、<s>、<strike>、<tt>、<u> 和<xmp>。

更加语义化的新增标签:

HTML5 新增的一些新标签除了不仅仅是更具语义的<div> 标签的替代品,并不提供额外的功能。这些都是新增的标签:<article>、<section>、<aside>、<hgroup>、 <header>,<footer>、<nav>、<time>、<mark>、<figure> 和<figcaption>。

表单增强:
HTML5 为表单提供了几个新的属性、input 类型和标签。到目前为止,只有Opera 对HTML5 有比较好的支持。你因此应该下载Opera 来查看大部分新特性如何工作。
  • 新的INPUT类型:color, email, date, month, week, time, datetime, datetime-local, number,range,search, tel, 和url
  • 新属性:required, autofocus, pattern, list, autocomplete 和placeholder
  • 新元素:<keygen>, <datalist>, <output>, <meter> 和<progress>

视频和音频:

  • 音频: ogg (ogg, oga), mp3, wav, AAC
  • 视频: ogg (ogv), H.264 (mp4)

基于JavaScript 的2D 绘画: HTML5 中最让人兴奋的特性是<canvas> 还有很多内容,比如数据存储,拖放等等。。。一点一点学习ing;

===================================================================

另:昨天在淘宝上搜索到一本中文的html5的书——《HTML 5用户指南》,这本书翻译至《INTRODUCING HTML5》,作者博客:http://remysharp.com/,这好像是目前唯一一本中文的关于html5的书。

HTML 5用户指南

HTML 5用户指南

【内容简介】
本书共分为10章系统全面地介绍了html 5规范的核心内容,以及这些内容在当前浏览器中的支持情况,并告知开发者如何在当前的环境下应用这些功能,开发出漂亮的web应用。本书短小精悍,但是信息量巨大;本书注重实践,其中的示例代码都具有很强的启发性和可操作性。对于初学者,本书是了解html 5的很好的入门;而对于想要了解html 5知识和应用的有经验的web开发者,阅读本书更是轻车熟路,能很好地加深对web开发和html 5的理解。
当前,html 5是人们热衷于讨论的话题,不管你是否准备好了,都需要熟悉web和应用程序设计方面这一强大的新进展。已有的浏览器已经开始实现html 5的一些新功能,并且更多的浏览器在摩拳擦掌。
本书的作者在过去一年里一直使用html 5工作。本书介绍了如何使用这一新的语言,以实现它在当今浏览器上的优点。本书不是一本学术专著,它注重实用性,即html 5当前能为你解决的问题。通过本书以及书中的html 5代码示例,你将学会:
新的语意和结构,以帮助你的站点变得更丰富和更具可访问性。
如何应用最重要的、已实现的javascript api。
视频和音频的本地多媒体应用。
如何使你的web应用在脱机状态下可用.
使用画布绘制线条、填充、渐变、图像和文本的技术。
如何构建更智能化的web表单。
实现新的存储选项和web数据库。
geolocation如何在web和移动应用中与html 5协作。

赞(5) 打赏
未经允许不得转载:WEB前端开发 » HTML5 中的一些新特性

评论 19

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    软文啊。。。

    丸子8年前 (2010-12-08)回复
  2. #-48

    码头看来看是赚奶粉钱了~ 不容易啊~

    dabai8年前 (2010-12-08)回复
  3. #-47

    正在找HTML5的好书,瞧瞧去

    万戈8年前 (2010-12-08)回复
  4. #-46

    码头,你老婆叫你回家奶孩子..

    Rekey8年前 (2010-12-08)回复
  5. #-45

    http://www.w3school.com.cn/html5/index.asp w3school.com.cn上有相关文档,可以看看~

    黑幕困兽8年前 (2010-12-08)回复
    • 谢谢,经常回去看这个!

      8年前 (2010-12-09)回复
  6. #-44

    Opera对html5支持比较好的部分是表格 其他的一般 那个新标签一个都不支持

    windlibra8年前 (2010-12-08)回复
  7. #-43

    HTML5 目前还只是一个半成品吧,正式完成估计得 2012 之后了。

    正式应用之后,flash player 等插件的地位可能受到威胁。

    akasuna8年前 (2010-12-08)回复
    • 现在html5主要应用在无线客户端,比如(iphone,ipad等)

      8年前 (2010-12-09)回复
      • Android

        8年前 (2010-12-10)回复
      • 还有Android

        8年前 (2010-12-10)回复
      • 本来以为现在学习HTML5还没有正式发布,而且各大浏览器支持并不全面,现在学习为时过早了。但是现在知道了,它可以应用在手机客户端,而且也有这方面的需求。今后要多关注了。谢谢

        stephen__zhang8年前 (2011-03-29)回复
  8. #-42

    不错。收藏了!

    ghy8年前 (2010-12-09)回复
  9. #-41

    、、、、、后面一堆在ff下面没有换行。
    ff下留言的input按tab就跳回top了。

    豪情8年前 (2010-12-29)回复
    • 确实是的。

      这本书,在亚马逊上面买了,今天刚到货,明天开始阅读

      akasuna8年前 (2011-02-28)回复
  10. #-40

    唉…诚心找鸡素文..结果找到篇软文…
    好桑心啊.
    囧rz….

    rain.kx8年前 (2011-01-20)回复
  11. #-39

    里面加上 xmlns=”http://www.w3.org/1999/xhtml” 就成了XHTML5,哈哈。

    金冈8年前 (2011-07-08)回复
  12. #-38

    期待html5学习

    三米8年前 (2011-07-13)回复
  13. #-37

    学习中……

    白洋荷色8年前 (2011-07-15)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏