HTML5简介

  • HTML5是HTML的最新修订标准。2014年10月29日,万维网联盟(W3C)宣布,经过8年的努力,HTML5标准规范制定完成。
  • HTML5的设计目的是在移动设备上使用多媒体。
  • HTML5简单易学。 http://hovertree.com/menu/html5/

什么是HTML5?

  • HTML5是下一代的HTML。
  • HTML5将成为HTML、XHTML以及HTML DOM的新标准。
  • HTML的上一个版本诞生于1999年。HTML的诞生,让互联网的世界发生了巨变。
  • HTML5仍处于完善之中。但目前,大部分的主流浏览器都对HTML5支持。

HTML5的发展起源

HTML5是W3C与WHATWG合作的结果。

W3C 指 World Wide Web Consortium,万维网联盟。 
WHATWG 指 Web Hypertext Application Technology Working Group。

W3C专注于XHTML 2.0,WHATWG致力于web表单和应用程序。在2006年,双方决定进行合作,创建新一代的HTML标准。

他们为新一代HTML5建立的一些规则:

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

HTML5一些有趣的新特性:

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

HTML5相比上一代HTML有哪些改进?

  • 新元素
  • 新属性
  • 完全支持CSS3
  • vedio和audio
  • 2D/3D绘图
  • 本地存储
  • 本地SQL数据
  • web应用

HTML5多媒体

使用HTML5可以简单的在网页中播放音频(audio)和视频(vedio),而不需要flash的支持。

  • 使用元素<audio>
  • 使用元素<vedio>

HTML5应用

使用HTML5可以方便地开发应用。

  • 本地数据存储
  • 访问本地文件
  • 本地SQL数据
  • 缓存引用
  • JavaScript支持
  • XHTML HttpRequest 2

HTML5图形

使用HTML5可以方便地绘制图形。 
- 使用<canvas>元素 
- 使用内联SVG 
- 使用CSS3 2D/3D

HTML5使用CSS3

  • 新选择器
  • 新属性
  • 动画
  • 2D/3D转换
  • 圆角
  • 阴影效果
  • 可下载的字体

HTML5浏览器支持

HTML5已支持opra、chrome、firefox、safari以及IE9以上版本。 

转自:http://hovertree.com/h/bjaf/45v552nk.htm

推荐:http://www.cnblogs.com/roucheng/p/texiao.html

HTML5简介的更多相关文章

  1. HTML5简介及HTML5的发展前景

    WEB技术发展越来越迅速,HTML5的到来更是把WEB技术推向了巅峰,目前HTML5技术已经日趋成熟,不仅在PC段,HTML5更是在移动终端上也有广泛的应用,HTML5的未来十分光明,值得我们去学习. ...

  2. 第零篇、HTML5简介

    1.什么是HTML5? 背景:互联网的快速兴起 1>网页5.0版本 2>2014年才定制HTML5标准 3>移动先行 2.为什么要使用HTML5? 1>跨平台(可以运行所有的浏 ...

  3. HTML5之一HTML5简介

    1.什么是HTML5? HTML5是HTML的新一代标准.以前版本的HTML标准4.01发布于1999. 自1999年以后,web已经有了翻天覆地的变化. 实际上HTML5仍旧是开发中的一个标准.但是 ...

  4. HTML5简介、视频

    HTML5 建立的一些规则: 新特性应该基于 HTML.CSS.DOM 以及 JavaScript. 减少对外部插件的需求(比如 Flash) 更优秀的错误处理 更多取代脚本的标记 HTML5 应该独 ...

  5. HTML5 简介、浏览器支持、新元素

    什么是 HTML5? HTML5 是最新的 HTML 标准. HTML5 是专门为承载丰富的 web 内容而设计的,并且无需额外插件. HTML5 拥有新的语义.图形以及多媒体元素. HTML5 提供 ...

  6. HTML5 简介、HTML5 浏览器支持

    HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定. HTML5的设计目的是为了在移动设备上支持多媒体. HTML5 简单易学. 什么是 HTML5? HTML5 ...

  7. html5 简介

    html5基于html.html dom.xhtml的新版本. 为html5建立的一些新规则: 基于html.dom.xhtml和javascript: 减少对外部插件的需求,比如flash: 更多取 ...

  8. ↗☻【HTML5秘籍 #BOOK#】第1章 HTML5简介

    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8& ...

  9. html5快速入门(一)—— html简介

    前言: 1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的文章是本人自己整理,尽量将开发中不常用到的剔除,将经常使用的拿出来,使需要的朋友能够真 ...

随机推荐

  1. 初学者看过来之JSON入门

    1. 什么是JSON JSON---Javascript Object Notation,前两个单词大家应该都认识,最后一个notation,是"记号.标记法"的意思,连在一起,便 ...

  2. ZKWeb网页框架1.1正式发布

    发行日志 https://github.com/zkweb-framework/ZKWeb/blob/master/ReleaseNotes/ReleaseNote.1.1.md 主要改动 添加EFC ...

  3. php cryptr 加密函数

    class CryptHelper { /** * 加密 * @param unknown $password * @param unknown $salt * @return string */ p ...

  4. MyBatis源码分析(一)开篇

    源码学习的好处不用多说,Mybatis源码量少.逻辑简单,将写个系列文章来学习. SqlSession Mybatis的使用入口位于org.apache.ibatis.session包中的SqlSes ...

  5. Flexible 弹性盒子模型之CSS flex-grow 属性

    实例 让第二个元素的宽度为其他元素的三倍: div:nth-of-type(1){flex-grow:1;} div:nth-of-type(2){flex-grow:3;} div:nth-of-t ...

  6. iOS自定义model排序

    在开发过程中,可能需要按照model的某种属性排序. 1.自定义model @interface Person : NSObject @property (nonatomic,copy) NSStri ...

  7. iOS - 模态Model视图跳转和Push视图跳转的混合需求实现原理

    在研发中总会遇到一些莫名的需求,本着存在即合理的态度跟大家分享一下"模态Model视图跳转和Push视图跳转的需求实现",本文仅仅传授研发技术不传授产品以及UE的思想,请大家合理对 ...

  8. HotApp小程序服务范围资质查询器

    微信小程序提交审核需要选择资质服务范围,如果服务范围不对,审核会不通过, 开发小程序之前,最好先查询所开发小程序的资质范围,否则无法通过微信审核.   小程序的资质范围查询地址,数据同步微信官方 ht ...

  9. iOS开发 判断当前APP版本和升级

    从iOS8系统开始,用户可以在设置里面设置在WiFi环境下,自动更新安装的App.此功能大大方便了用户,但是一些用户没有开启此项功能,因此还是需要在程序里面提示用户的 方法一:在服务器接口约定对应的数 ...

  10. iOS从零开始学习直播之1.播放

      对于直播来说,客户端主要做两件事情,推流和播放.今天先讲播放. 播放流程 1.拉流:服务器已有直播内容,从指定地址进行拉取的过程.其实就是向服务器请求数据. 2.解码:对视屏数据进行解压缩. 3. ...