html实例教程01.HTML5概述.ppt_第1页
html实例教程01.HTML5概述.ppt_第2页
html实例教程01.HTML5概述.ppt_第3页
html实例教程01.HTML5概述.ppt_第4页
html实例教程01.HTML5概述.ppt_第5页
已阅读5页,还剩16页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

北风网项目培训,一、HTML5概述,讲师:厉风行,HTML5基础和实战,1.1HTML5是何物,HTML(HypertextMarkupLanguage),是用于描述网页文档的一种标记语言。HTML5是下一代的HTML,是HTML、XHTML以及HTMLDOM的新标准。HTML5有两大特点:首先,强化了Web网页的表现性能。其次,追加了本地数据库等Web应用的功能。,1.2HTML5的前世今生,古老的版本:HTML4。不完美的继任者:XHTML。(可扩展超文本置标语言。XML的子集)HTML5的雏形:WebApplications1.0。(由WhatWG组织发起,此时W3C正在致力于XHTML2的推广)大统一的版本:HTML5。(W3C和WhatWG言归于好,统一标准),1.3HTML5的特征,语义化标记Form表单增强功能视频/音频画布(Canvas)可编辑内容拖放稳健的数据存储等等,1.4五大主流浏览器HTML5兼容性对比,数据来源:,(1)HTML5Web应用程序,1.4五大主流浏览器HTML5兼容性对比,数据来源:,(2)HTML5图形和内嵌内容,1.4五大主流浏览器HTML5兼容性对比,数据来源:,(3)HTML5音频编码,1.4五大主流浏览器HTML5兼容性对比,数据来源:,(4)HTML5视频编码,1.4五大主流浏览器HTML5兼容性对比,数据来源:,(5)HTML5表单对象,1.4五大主流浏览器HTML5兼容性对比,数据来源:,(6)HTML5表单属性,1.5当前浏览器支持情况测试,测试地址:,1.6HTML5开发工具,代码编辑器UltraeditDreamweavercs5.5AptanaStudio3(推荐)页面调试工具GoogleChrome(开发人员工具)FireFox(FireBug)Opera,1.7经典的HelloWorld,我的第一个HTML5文档Hello,World!,1.8简洁的HTML5,简洁的DOCTYPEHTML5只需一个简洁的文档类型:。它有意不使用版本,因此文档将会适用所有版本的HTML。简单易记的语言标签你并不需要在中使用xmlns或xml:lang标记。将对HTML5有效。简单易记的编码类型你现在可以在meta标签中使用“charset”:不需要闭合标签在HTML5中,空标签(如:br、img和input)并不需要闭合标签。废弃的标签下面这些标签并不被HTML5支持:、和,1.9.1新浪微博主标题和副标题,1.9.2新浪微博导航栏,1.9.3新浪微博文章标题,1.9.4新浪微博文章正文内容

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论