HTML5教程-文启领航教育-

HTML5教程 公开 bjflexedu.com 一、html5历史和发展 html4 和 xhtml1.0 • html4是w3c 1997年推荐的，4.01 99年 • xhtml 1.0 是w3c 2000年推荐的 • xhtml基于xml，xml基于sgml（标准通用标 bjflexedu.com • xhtml基于xml，xml基于sgml（标准通用标 记语言） • html是基于sgml • RSS属于sgml xhtml1.0 v.s html4 • 文档结构更良好 • 元素名和属性必须小写 • 标签必须有结束符： –

---

bjflexedu.com –

---

• 属性值必须使用引号包裹： – • 禁用属性简化 – • id唯一性 文档结构更良好

这是一个要强调的段落。

√ × bjflexedu.com

这是一个要强调的段落。

√ 怎样声明文档类型 • XHTML 1.0 Strict（严格版） bjflexedu.com • XHTML 1.0 Transitional（过渡版） w3c验证 • Markup Validation Service • http://validator.w3.org/ bjflexedu.com HTML5 • 是HTML下一个主要的修订版本，现在仍处 于发展阶段 html5成为主流媒体的一个话题 bjflexedu.com html5成为主流媒体的一个话题 还是在2010年的4月，乔布斯发 表一篇题为《对flash的思考》 的文章，指出随着HTML5的发展， 观看视频或其它内容时，Adobe Flash将不再是必须的 html5时间表 2012 2013 2014 2015 2016 HTML 5.0 候选版 征求评价 推荐版HTML 5.0 候选版 征求评价 推荐版 HTML 5.1 第一工作 草案 最后召集 候选版 推荐版 HTML 5.2 第一工作 草案 html5究竟是什么？ • 广义来说HTML5，实际指的是包括HTML、 CSS和JavaScript在内的一套技术组合 bjflexedu.com html5 = html5 = html5 = html5 = html5 = html5 = html5 = html5 = htmlhtmlhtmlhtmlhtmlhtmlhtmlhtml + + + + + + + + css3css3css3css3css3css3css3css3 + + + + + + + + javascript APIjavascript APIjavascript APIjavascript APIjavascript APIjavascript APIjavascript APIjavascript API 骨架 外表皮肤 神经肌肉 怎么看HTML5？ 她看上去很美！ � 能开发app � 能做动画 bjflexedu.com � 能做动画 � 能多媒体开发 � 甚至能调用手机的原生接口 真的吗？ 坑爹啊！！！ bjflexedu.com 学习html5的必要性 • html5是大势所趋，未来标准，而且的确在 一些方面做的很好 • 浏览器的多样化和竞争，正好促进了html5 的发展 bjflexedu.com 的发展 • 前端开发工程师的价值所在 • 目前Firefox、Google Chrome、Opera、 Safari（版本4以上）、Internet Explorer（ 版本9以上）已支持HTML5技术 几个网站 • http://html5test.com/ • http://caniuse.com/ • http://html5doctor.com/ • http://html5weekly.com/ bjflexedu.com • http://html5weekly.com/ • http://www.w3.org/html/ig/zh/wiki/HTML5 讨论 • 列举你知道的html5技术，试着说出其应用 场景 • 列举你认为html5的发展方向是什么 bjflexedu.com • 列举你认为html5的发展方向是什么 • 为什么来学习html5课程