HTML5 简介

HTML5 是下一代 HTML 标准。

HTML5 简单易学。

HTML5

  • 新元素
  • 新属性
  • 完全支持 CSS3
  • Video 和 Audio
  • 2D/3D 制图
  • 本地存储
  • 本地 SQL 数据
  • Web 应用

HTML5 多媒体

使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。

HTML5 应用

使用 HTML5 你可以简单地开发应用

  • 本地数据存储
  • 访问本地文件
  • 本地 SQL 数据
  • 缓存引用
  • Javascript 工作者
  • XHTMLHttpRequest 2

HTML5 图形

使用 HTML5 你可以简单的绘制图形:

HTML5 使用 CSS3

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

语义要素

HTML5 添加了很多语义元素如:headers, footers, menus, sections 和 articles。

HTML5 表单

新表单元素, 新属性,新输入类型,自动验证。

什么是 HTML5?

HTML5 是下一代 HTML 标准。

HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

HTML5 是如何起步的?

HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。。

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

HTML5 中的一些有趣的新特性:

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

HTML5 <!DOCTYPE>

<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单:

<!DOCTYPE html>


最小的HTML5文档

下面是一个简单的HTML5文档:

<!DOCTYPE html>
<html>
<head>
<title> 文档标题</title>
</head>

<body>
文档内容......
</body>

</html>


HTML5 - 新特性

HTML5 中的一些有趣的新特性:

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

HTML5 浏览器支持

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html5入门到精通 视频教程 下载网盘:http://pan.baidu.com/s/1sllC6TJ 目录: HTML5介绍 HTML5开发教程-1.相关概念和准备工作 HTML5开发教程-2.HTML5基础 HTML5开发教程-3.HTML核心元素1 HTML5开发教程-4.HTML核心元素2 HTML5开发教程-5.CSS基础 1.HTML常用标记超链接表格表单 2.HTML常用标题段落等标记 3.相关概念及HTML语法 4-CSS语法部分选择符 5-CSS部分选择符及选择符权重 6-CSS部分文本属性上 7-CSS部分文本属性下 8-CSS列表背景属性 9-CSS背景及浮动属性 10-盒模型 HTML5混合开发 玩转H5混合开发(1) 玩转H5混合开发(2) 玩转H5混合开发(3) 玩转H5混合开发(4) JavaScript培训视频教程 JavaScript基础语法01 JavaScript概述02 JavaScript基础语法03_变量 JavaScript基础语法04_数据类型 JavaScript基础语法05_进制 JavaScript基础语法06_进制转换 JavaScript基础语法07_连接符和转义字符 JavaScript基础语法08_算数运算符 JavaScript基础语法09_赋值运算符 JavaScript基础语法10_关系运算符 JavaScript基础语法11_条件运算符 JavaScript基础语法12_逻辑运算符 JavaScript基础语法13_逻辑运算符 JavaScript基础语法14_typeof运算符 JavaScript基础语法15_选择结构 JavaScript基础语法16_选择结构 JavaScript基础语法17_switch结构 JavaScript基础语法18_switch结构 JavaScript基础语法19_while循环结构 JavaScript基础语法20_do-while循环 JavaScript基础语法21_for循环 JavaScript基础语法22_for循环 JavaScript基础语法23_break,continue语句 JavaScript基础语法24_函数 JavaScript基础语法25_函数 JavaScript基础语法26_递归 JavaScript基础语法27_对象创建 JavaScript基础语法28_两种数据类型的内存对比 JavaScript基础语法29_数组的创建及使用 JavaScript基础语法30_数组常用方法 JavaScript基础语法31_数组的排序 JavaScript基础语法32_时间和日期 JavaScript基础语法33_时间和日期 JavaScript基础语法34_时间和日期 JavaScript基础语法35_字符串概述 JavaScript基础语法36_字符串常用方法 JavaScript基础语法37_字符串常用方法 JavaScript基础语法38_字符串常用方法 JavaScript基础语法39_正则表达式概述 JavaScript基础语法40_正则表达式 JavaScript基础语法41_正则表达式 JavaScript基础语法42_正则表达式 JavaScript基础语法43_正则表达式 JavaScript基础语法44_正则表达式 JavaScript基础语法45_正则表达式 JavaScript基础语法46_Function类型 JavaScript基础语法47_Function类型 JavaScript基础语法48_Function类型 JavaScript基础语法49_Function类型 前端开发完整教程 01 HTML5基础 02 CSS3 03 阶段项目01 04 UI设计(第2阶段内容) 05 AP原型 06 阶段项目02 07 JavaScript核心编程 08 DOM编程 09 阶段项目03 10 服务器端开发技术 11 HTTP协议 12 HTML5高级 13 阶段项目04 14 JQUERY 15 AJAX 16 阶段项目05 17 Bootstrap 18 ANGULARJS 19 拓展进阶

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值