利用 HTML5 Geolocation API 构建基于位置的应用程序 (利用html css javascript做一个网页)

使用html5开发移动端应用采用什么框架？

随着使用智能手机的人越来越多，手机网站开发项目也成为一种潮流。可是您知道机网站开发框架有几种吗?

这个是被认为开发移动网站最好的HTML5开发框架，使用HTML5/CSS3和JavaScript技术。 可帮助创建基于iOS、Android、Blackberry和WebOS平台的应用程序。 该框架可利用当前移动设备的高级特性，可捕捉事件包括滑动、触屏、长按等。 无需使用图片，全部采用向量声称。 无需服务器端支持，可帮助实现HTML5特性，包括WebSQL、Geolocation、History、Deviceorientation等等。 这是一个完全可定制的框架，可用来创建应用、游戏等程序。

是一个HTML5平台，开发者利用它可以开发新颖的、交互的移动应用程序和网站。 该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件，如图表、组合框以及常用表格。

该框架可以创建像本地一样的应用，并且兼容任何操作系统，无论是Blackberry、iOS还是Android。 并且提供许多HTML5小部件。 使用它可以解决任何动画设计方面的问题。

是第一个基于HTML5的移动应用框架，利用JavaScript、HTML5和CSS3来构建移动应用程序，该框架利用本地代理存储离线数据，具体使用HTML5来渲染视频和音频组件。 可以让你的WebApp看起来就像本地应用程序一样。 美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的Web标准，全面兼容Android和AppleiOS设备。 5.52Framework52Framework拥有16列的网格模板。 该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5标记。 该框架还提供了一些特殊的脚本和样式用于IE6。 是一个JavaScript游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。 允许开发者创建基于HTML5的游戏，支持主流浏览器包括iOS。 7.G5Framework如果你想要快速实现Web开发，并且想要重用ant主题或应用程序或网站项目，那么G5框架是您最好的选择，因为该框架旨在提升开发效率、减少代码。 该框架采用特色的PHP激活类、SEO优化技术。 除了G5自身所带的这些功能特性外，它还集成其他许多功能，例如OrbitSlider、CSS3PIE、RevealModals、CSS3Buttons和TipsyTooltips等。 (jQueryMobile)是jQuery在手机上和平板设备上的版本。 jQueryMobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。 支持全球主流的移动平台。 jQueryMobile开发团队说：能开发这个项目，我们非常兴奋。 移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。 我们将尽全力去满足这样的需求。 是一个开源的开发框架，使用HTML，CSS和JavaScript来构建跨平台的的移动应用程序。 它使开发者能够利用iPhone，Android，Palm，Symbian，Blackberry，WindowsPhone和Beda智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等。

html5的新特性有哪些

HTML5将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画以及与设备的交互都进行了规范，html5的新特性有：1、智能表单：表单是实现用户与页面后台交互主要组成部分，HTML5在表单的设计上功能更加强大。 input类型和属性的多样性大大地增强了HTML可表达的表单形式，再加上新增加的一些表单标签，使得原本需要JavaScript来实现的控件，可以直接使用HTML5的表单来实现；一些如内容提示、焦点处理、数据验证等功能，也可以通过HTML5的智能表单属性标签来完成。 2、绘图画布：HTML5的canvas元素可以实现画布功能，该元素通过自带的API结合使用JavaScript脚本语言在网页上绘制图形和处理，拥有实现绘制线条、弧线以及矩形，用样式和颜色填充区域，书写样式化文本，以及添加图像的方法，且使用JavaScript可以控制其每一个像素。 HTML5的canvas元素使得浏览器无需Flash或Silverlight等插件就能直接显示图形或动画图像。 3、多媒体：HTML5最大特色之一就是支持音频视频，在通过增加了

有没有关注html5和css3

本文标题的这副图片，是用Phosotshop制作的。 但是，在搜索引擎中你却无法搜索到它，搜索引擎还没有强大到能够识别图片里面的文字。 并且由于图片的体积不算太小，可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新。 那么，有没有一种新的方法可以避免这些缺点呢?有的，HTML5和CSS3就可以满足你的需求。 甚至，它可以做的更多，更好。 作为一名设计师，我们应当了解它们是什么东西，有什么特性，从而进一步思考通过HTML5和CSS3我们能做些什么。 什么是HTML5和CSS3HTML和CSS并不难理解。 HTML为构成网页的主要语言。 通过这种语言，我们可以向计算机说明网页格式、内容、显示效果等等。 而CSS则是专门用来控制网页显示效果的语言。 这时候问题出来了，为什么我们要单独使用CSS呢，HTML不是一样可以控制Web页面的显示效果么?为了回答这个问题，我举个简单的例子：有没有发现如果一旦形容的事情过多，想要把事情描述清楚的时候，我们不得不重复大量的信息?页面语言也是一样，在这种情况下显得杂乱无章，非常难以理出头绪。 通过将控制显示效果的语言集成到CSS里，我们不但可以保证页面语言主体部分的简洁，而且可以非常方便的复用各种语言集合。 HTML5和CSS3是HTML和CSS的最新版本，它们目前均未确定标准，但是已经公布的新特征已经让我们心动不已。 HTML 5的新特新1. 新的内容标签HTML4中的内容标签级别相同，无法区分各部分内容。 而HTML5中的内容标签互相独立，级别不同，搜索引擎以及统计软件等均可快速识别各部分内容。 2. 更好的表格体系现在，你可以抛弃JavaScript或者是PHP，只通过HTML5来定义表格。 你可以定义每个表格单元的输入格式，也可以定义这个单元是否是必填的等等。 3. 音频、视频APIHTML5不但允许你在网页中直接整合视频、音频，同时更提供了一套功能丰富的API用来控制媒体播放，而这些用来控制媒体播放的元素也都是可以被编辑的。 因此，HTML5在视频以及音频层面上实际已经可以替代常用的flash插件了。 4. 画布(Canvas) API在网页中绘制图形一直是个大难题，我们不得不借助flash、silverlight等插件。 然而HTML5允许你直接在网页上进行绘图，甚至允许你与网页生成更多的交互，例如绘制图形、放大缩小，等等。 图例是一个用HTML5制作的小游戏。 5. 地理(Geolocation) APIHTML5提供了地理信息的应用接口Geolocation API。 通过这个API，网页可以通过IP，GPS等方式来获得用户的地理信息;同时用户也可以选择是否关闭这个功能。 6. 网页存储(Web storage) APIHTML5提供了网页存储的API，方便Web应用的离线使用。 除此之外，新的API相对于cookie也有着高安全性，高效率，更大空间等优点。 7. 拖拽释放(Drag and drop) API我们可以通过HTML5的Drag and drop API来完成网页中的拖拽释放效果，避免了以往的网页在拖拽释放过程中需要不停修改元素的位置，代码繁多的弊端。 CSS3 新特性1. RGBaCSS3的RGBa新特性允许你对每个元素进行色彩以及透明度的设置。 而原来常用的opacity命令只能对元素及其子元素进行设置。 2. Multi-column layoutCSS3新提供的多栏布局选择器无需HTML布局标签即可生成多栏布局，同时‘栏数’、‘栏宽’以及‘栏间距’都是可以定义的。 3. Round corners圆角功能可能是CSS3提供的最实用的功能了。 通过Border-radius，你可以没有任何难度的给指定的HTML元素添加圆角。 并且你还可以定义圆角的大小，以及哪个角是圆角，哪个角不是圆角。 4. @font-face当网页显示某种用户没有安装的字体时，CSS3提供的@font-face功能会自动的、默默地帮用户从网络上下载相应字体。 从而让设计师更加自由的发挥，而不用考虑用户的机器是否安装了相应字体。 5. 其他特性此外，CSS3还给我们带来了渐变、防止字符串过长溢出、多重背景以及用图片来作为元素边框等功能。 利用好CSS3，你可以更快捷的得到以往用很多插件才能得到的效果。 同过使用元素本身来取代大部分图片，网页的加载速度会得到提升，这些原本是图片的内容，也可以被搜索引擎检索到。

html5 有哪些变动的地方，淘汰了哪些东西。有什么好处

HTML5赋予网页更好的意义和结构。 更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。 本地存储特性（Class: OFFLINE & STORAGE）基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。 Indexed DB（html5本地存储最重要的技术之一）和API说明文档。 设备兼容特性 (Class: DEVICE ACCESS)从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。 HTML5提供了前所未有的数据与应用接入开放接口。 使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。 连接特性（Class: CONNECTIVITY）更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。 HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。 网页多媒体特性(Class: MULTIMEDIA)支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。 三维、图形及特效特性（Class: 3D, Graphics & Effects）基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。 性能与集成特性（Class: Performance & Integration）没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术，帮助您的Web应用和网站在多样化的环境中更快速的工作。 CSS3特性(Class: CSS3)在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。 此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。 HTML5提供了一些新的元素和属性，例如