HTML5简介
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以上版本。 
HTML5简介的更多相关文章
- HTML5简介及HTML5的发展前景
WEB技术发展越来越迅速,HTML5的到来更是把WEB技术推向了巅峰,目前HTML5技术已经日趋成熟,不仅在PC段,HTML5更是在移动终端上也有广泛的应用,HTML5的未来十分光明,值得我们去学习. ...
- 第零篇、HTML5简介
1.什么是HTML5? 背景:互联网的快速兴起 1>网页5.0版本 2>2014年才定制HTML5标准 3>移动先行 2.为什么要使用HTML5? 1>跨平台(可以运行所有的浏 ...
- HTML5之一HTML5简介
1.什么是HTML5? HTML5是HTML的新一代标准.以前版本的HTML标准4.01发布于1999. 自1999年以后,web已经有了翻天覆地的变化. 实际上HTML5仍旧是开发中的一个标准.但是 ...
- HTML5简介、视频
HTML5 建立的一些规则: 新特性应该基于 HTML.CSS.DOM 以及 JavaScript. 减少对外部插件的需求(比如 Flash) 更优秀的错误处理 更多取代脚本的标记 HTML5 应该独 ...
- HTML5 简介、浏览器支持、新元素
什么是 HTML5? HTML5 是最新的 HTML 标准. HTML5 是专门为承载丰富的 web 内容而设计的,并且无需额外插件. HTML5 拥有新的语义.图形以及多媒体元素. HTML5 提供 ...
- HTML5 简介、HTML5 浏览器支持
HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定. HTML5的设计目的是为了在移动设备上支持多媒体. HTML5 简单易学. 什么是 HTML5? HTML5 ...
- html5 简介
html5基于html.html dom.xhtml的新版本. 为html5建立的一些新规则: 基于html.dom.xhtml和javascript: 减少对外部插件的需求,比如flash: 更多取 ...
- ↗☻【HTML5秘籍 #BOOK#】第1章 HTML5简介
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8& ...
- html5快速入门(一)—— html简介
前言: 1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的文章是本人自己整理,尽量将开发中不常用到的剔除,将经常使用的拿出来,使需要的朋友能够真 ...
随机推荐
- 初学者看过来之JSON入门
1. 什么是JSON JSON---Javascript Object Notation,前两个单词大家应该都认识,最后一个notation,是"记号.标记法"的意思,连在一起,便 ...
- ZKWeb网页框架1.1正式发布
发行日志 https://github.com/zkweb-framework/ZKWeb/blob/master/ReleaseNotes/ReleaseNote.1.1.md 主要改动 添加EFC ...
- php cryptr 加密函数
class CryptHelper { /** * 加密 * @param unknown $password * @param unknown $salt * @return string */ p ...
- MyBatis源码分析(一)开篇
源码学习的好处不用多说,Mybatis源码量少.逻辑简单,将写个系列文章来学习. SqlSession Mybatis的使用入口位于org.apache.ibatis.session包中的SqlSes ...
- Flexible 弹性盒子模型之CSS flex-grow 属性
实例 让第二个元素的宽度为其他元素的三倍: div:nth-of-type(1){flex-grow:1;} div:nth-of-type(2){flex-grow:3;} div:nth-of-t ...
- iOS自定义model排序
在开发过程中,可能需要按照model的某种属性排序. 1.自定义model @interface Person : NSObject @property (nonatomic,copy) NSStri ...
- iOS - 模态Model视图跳转和Push视图跳转的混合需求实现原理
在研发中总会遇到一些莫名的需求,本着存在即合理的态度跟大家分享一下"模态Model视图跳转和Push视图跳转的需求实现",本文仅仅传授研发技术不传授产品以及UE的思想,请大家合理对 ...
- HotApp小程序服务范围资质查询器
微信小程序提交审核需要选择资质服务范围,如果服务范围不对,审核会不通过, 开发小程序之前,最好先查询所开发小程序的资质范围,否则无法通过微信审核. 小程序的资质范围查询地址,数据同步微信官方 ht ...
- iOS开发 判断当前APP版本和升级
从iOS8系统开始,用户可以在设置里面设置在WiFi环境下,自动更新安装的App.此功能大大方便了用户,但是一些用户没有开启此项功能,因此还是需要在程序里面提示用户的 方法一:在服务器接口约定对应的数 ...
- iOS从零开始学习直播之1.播放
对于直播来说,客户端主要做两件事情,推流和播放.今天先讲播放. 播放流程 1.拉流:服务器已有直播内容,从指定地址进行拉取的过程.其实就是向服务器请求数据. 2.解码:对视屏数据进行解压缩. 3. ...