移动端的HTML5开发基础知识_第1页
移动端的HTML5开发基础知识_第2页
移动端的HTML5开发基础知识_第3页
移动端的HTML5开发基础知识_第4页
移动端的HTML5开发基础知识_第5页
已阅读5页,还剩30页未读 继续免费阅读

下载本文档

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

文档简介

目录HTML5简介开发移动应用程序的三种方式HTML5使用上的优势HTML基础和HTML5新增特性CSS基础JavaScript基础jQuery基础实例:《移动审批》HTML5简介HTML5是HTML(超文本标记语言)的第五次重大修改.HTML5草案的前身名为WebApplications1.0,于2004年被提出,于2007年被W3C接纳,并成立了新的HTML工作团队。HTML5的第一份正式草案已于2008年1月22日公布。2013年5月6日,HTML5.1正式草案公布。该规范定义了第五次重大版本HTML5简介HTML5仍处于完善之中。然而,大部分移动端系统和现代浏览器都已经支持HTML5。移动端系统(如安卓,IOS,WP等)都能支持HTML5。支持HTML5的浏览器包括:Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的遨游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器。目录HTML5简介开发移动应用程序的三种方式HTML5使用上的优势HTML基础和HTML5新增特性CSS基础JavaScript基础jQuery基础实例:《移动审批》开发移动应用程序的三种方式:原生、HTML5或混合原生应用程序:原生应用程序是某一个移动平台(比如iOS或安卓)所特有的,使用相应平台支持的开发工具和语言(比如iOS平台支持Xcode和Objective-C,安卓平台支持Eclipse和Java)。原生应用程序看起来(外观)和运行起来(性能)是最佳的。典型的项目例子:《移动验收》,《移动形象进度》等《移动验收》主页面开发移动应用程序的三种方式:原生、HTML5或混合HTML5应用程序:HTML5应用程序使用标准的Web技术,通常是HTML5、JavaScript和CSS。这种只编写一次、可到处运行的移动开发方法构建的跨平台移动应用程序可以在多个设备上运行。开发人员使用HTML5和JavaScript能构建功能复杂的应用程序。典型的项目例子:《围住神经猫》等社交小游戏《围住神经猫》社交小游戏

开发移动应用程序的三种方式:原生、HTML5或混合混合应用程序:混合应用程序让开发人员可以把HTML5应用程序嵌入到一个原生容器里面,集原生应用程序和HTML5应用程序的优点(及缺点)于一体。典型的项目例子:《移动审批》《移动审批》主页面

目录HTML5简介开发移动应用程序的三种方式HTML5使用上的优势HTML基础和HTML5新增特性CSS基础JavaScript基础jQuery基础实例:《移动审批》HTML5使用上的优势更低的开发及维护成本;使页面变得更小,减少了用户不必要的支出;而且性能更好、耗电量更低。方便升级,打开即可使用最新版本,免去重新下载升级包的麻烦,使用过程中就直接更新了离线缓存。目录HTML5简介开发移动应用程序的三种方式HTML5使用上的优势HTML基础和HTML5新增特性CSS基础JavaScript基础jQuery基础实例:《移动审批》HTML基础HTML是HyperTextMarkupLanguage(超文本标记语言)的缩写,是构成所有所有网页基本结构的文本及标签组合。HTML不是一种编程语言,而是一种标记语言

(markuplanguage),使用标记标签来描述网页HTML标签HTML标签是由尖括号包围的关键词,比如<html>HTML标签通常是成对出现的,比如<b>和</b>标签对中的第一个标签是开始标签,第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签HTML文档HTML文档包含HTML标签和纯文本HTML文档也被称为网页Web浏览器的作用是读取HTML文档,并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容例子解释<html>与</html>之间的文本描述网页<body>与</body>之间的文本是可见的页面内容<h1>与</h1>之间的文本被显示为标题<p>与</p>之间的文本被显示为段落例子解释运行结果:HTML5新增特性新的文档类型(NewDoctype)脚本和链接无需type语义Header和Footerinput新增了部分属性Audio支持Video支持Progress进度条Canvas标签目录HTML5简介开发移动应用程序的三种方式HTML5使用上的优势HTML基础和HTML5新增特性CSS基础JavaScript基础jQuery基础实例:《移动审批》CSS基础CSS指层叠样式表(CascadingStyleSheets)层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。解决了内容与表现分离的问题,提高了工作效率。CSS语法CSS规则由两个主要的部分构成:选择器,以及一条或多条声明。selector{declaration1;declaration2;...declarationN}下面这行代码的作用是将h1元素内的文字颜色定义为红色,同时将字体大小设置为14像素。目录HTML5简介开发移动应用程序的三种方式HTML5使用上的优势HTML基础和HTML5新增特性CSS基础JavaScript基础jQuery基础实例:《移动审批》JavaScript基础JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。JavaScript常用功能写入HTML输出 document.write(“<p>HelloWorld!</p>");对事件作出反应

<buttonty

温馨提示

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

评论

0/150

提交评论