《html实例教程01.HTML5概述.ppt》由会员分享,可在线阅读,更多相关《html实例教程01.HTML5概述.ppt(21页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、北风网项目培训北风网项目培训一、HTML5概述讲师:厉风行HTML5基础和实战1.1 HTML 51.1 HTML 5是何物是何物lHTML(HypertextMarkupLanguage),是用于描述网页文档的一种标记语言。lHTML5是下一代的HTML,是HTML、XHTML以及HTMLDOM的新标准。lHTML5有两大特点:首先,强化了Web网页的表现性能。其次,追加了本地数据库等Web应用的功能。1.2 HTML 51.2 HTML 5的前世今生的前世今生l古老的版本:HTML4。l不完美的继任者:XHTML。(可扩展超文本置标语言。XML的子集)lHTML5的雏形:WebApplic
2、ations1.0。(由WhatWG组织发起,此时W3C正在致力于XHTML2的推广)l大统一的版本:HTML5。(W3C和WhatWG言归于好,统一标准)1.3 HTML 51.3 HTML 5的特征的特征l语义化标记语义化标记lForm表单增强功能表单增强功能l视频视频/音频音频l画布(画布(Canvas)l可编辑内容可编辑内容l拖放拖放l稳健的数据存储稳健的数据存储l等等等等1.4 1.4 五大主流浏览器五大主流浏览器 HTML5 HTML5 兼容性对比兼容性对比数据来源:http:/ 1.4 五大主流浏览器五大主流浏览器 HTML5 HTML5 兼容性对比兼容性对比数据来源:http:
3、/ 1.4 五大主流浏览器五大主流浏览器 HTML5 HTML5 兼容性对比兼容性对比数据来源:http:/ 1.4 五大主流浏览器五大主流浏览器 HTML5 HTML5 兼容性对比兼容性对比数据来源:http:/ 1.4 五大主流浏览器五大主流浏览器 HTML5 HTML5 兼容性对比兼容性对比数据来源:http:/ 1.4 五大主流浏览器五大主流浏览器 HTML5 HTML5 兼容性对比兼容性对比数据来源:http:/ 1.5 当前浏览器支持情况测试当前浏览器支持情况测试测试地址:http:/ HTML 51.6 HTML 5开发工具开发工具代码编辑器1.Ultraedit2.Dreamw
4、eavercs5.53.AptanaStudio3(推荐)页面调试工具1.GoogleChrome(开发人员工具)2.FireFox(FireBug)3.Opera1.7 1.7 经典的经典的HelloWorldHelloWorld我的第一个HTML5文档Hello,World!1.8 1.8 简洁的简洁的HTML 5HTML 5l简洁的简洁的DOCTYPEHTML5只需一个简洁的文档类型:只需一个简洁的文档类型:。它有意不使用版本,因此文档将会适用所有。它有意不使用版本,因此文档将会适用所有版本的版本的HTML。l简单易记的语言标签简单易记的语言标签你并不需要在你并不需要在中使用中使用xml
5、ns或或xml:lang标记。标记。将对将对HTML5有效。有效。l简单易记的编码类型简单易记的编码类型你现在可以在你现在可以在meta标签中使用标签中使用“charset”:l不需要闭合标签不需要闭合标签在在HTML5中,空标签(如:中,空标签(如:br、img和和input)并不需要闭合标签。并不需要闭合标签。l废弃的标签废弃的标签下面这些标签并不被下面这些标签并不被HTML5支持:支持:、和和1.9.1 1.9.1 新浪微博新浪微博 主标题和副标题1.9.2 1.9.2 新浪微博新浪微博 导航栏1.9.3 1.9.3 新浪微博新浪微博 文章标题1.9.4 1.9.4 新浪微博新浪微博 文章正文内容1.9.5 1.9.5 新浪微博新浪微博 文章底部和页面底部1.9.6 1.9.6 新浪微博新浪微博 侧边栏本课程版权归北风网所有本课程版权归北风网所有欢迎访问我们的官方网站