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. zookeeper源码分析之一服务端启动过程

    zookeeper简介 zookeeper是为分布式应用提供分布式协作服务的开源软件.它提供了一组简单的原子操作,分布式应用可以基于这些原子操作来实现更高层次的同步服务,配置维护,组管理和命名.zoo ...

  2. ls: 无法访问/usr/sbin/smartctl: 没有那个文件或目录

    环境:RHEL6.5 + Oracle 11.2.0.4 RAC 在安装RAC时,检查时缺少包 cvuqdisk-1.0.9-1,oracle提供脚本修复安装. 但在执行时报错: [root@orad ...

  3. JavaScript 常量定义

    相信同学们在看见这个标题的时候就一脸懵逼了,什么?JS能常量定义?别逗我好吗?确切的说,JS当中确实没有常量(ES6中好像有了常量定义的关键字),但是深入一下我们可以发现JS很多不为人知的性质,好好利 ...

  4. 【夯实PHP基础】nginx php-fpm 输出php错误日志

    本文地址 原文地址 分享提纲: 1.概述 2.解决办法(解决nginx下php-fpm不记录php错误日志) 1. 概述 nginx是一个web服务器,因此nginx的access日志只有对访问页面的 ...

  5. ObserverPattern(观察者模式)

    import java.util.ArrayList; import java.util.List; /** * 观察者模式 * @author TMAC-J * 牵一发而动全身来形容观察者模式在合适 ...

  6. iOS开发 适配iOS10

    2016年9月7日,苹果发布iOS 10.2016年9月14日,全新的操作系统iOS 10将正式上线. 作为开发者,如何适配iOS10呢? 1.Notification(通知) 自从Notificat ...

  7. 在Linux配置Nginx web服务器步骤

    系统环境:centos7 需要软件:nginx-1.3.16.tar.gz   libevent-2.0.21-stable.tar.gz  Pcre 和 pcre-devel nginx下载地址:h ...

  8. 1 selenium3.0.1无法打开火狐浏览器

    [问题描述] 1.配置selenium3.0和java后,尝试打开火狐浏览器,提示缺少geckodriver驱动. [解决方案] 1.在http://www.seleniumhq.org/downlo ...

  9. a标签绝对定位,点击区域被图片遮挡(IE下)

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  10. JavaScript继承的模拟实现

    我们都知道,在JavaScript中只能模拟实现OO中的"类",也就意味着,在JavaScript中没有类的继承.我们也只能通过在原对象里添加或改写属性来模拟实现. 先定义一个父类 ...