html5多窗口框架 html5多选框

主流HTML5移动web开发框架

肯定使用框架啊，不然还原生 JS、自己写样式？

H5 做移动开发也分两种，一种就是正常的网页，一种是封装的成 App 在手机上跑的。下面我只大致介绍一下又哪些框架，具体的特性不是三两句能说完的，题主可以自行搜索相关资料。

后者比较知名的框架就是 PhoneGap、MUI 等等了。

而前者具体分的话还分 CSS 框架和 JS 框架。样式框架有很多了，常见的有 jQuery Mobile、Bootstrap、Kendo UI、Amaze UI 等等。JS 框架一般是 AngularJS、Backbone、ReactJS 等等，但说实话这些 JS 框架都比较繁重，一般是为比较复杂的场景设计的，如果你的页面需求很简单，那么大可以不用它们只用样式框架就好了。

值得一提的是国内 BAT 三大巨头也分别有自己的 H5 框架，并且都已经开源了，百度的是 GMU（Global Mobile UI）、Clouda+、EFE 这三个，阿里的是 Kissy Mobile，腾讯的是 Frozen UI。

相关问答

Q1: html5app开发框架有哪些

①：PhoneGap

PhoneGap恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的cordova 商业版本。

②：Ionic

IONIC是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScriptMVVM框架和AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。

③：MobileAngularUI

MobileAngularUI是使用bootstrap3和AngularJS的响应式移动开发HTML5框架。

MobileAngularUI的关键字有：

Bootstrap3

AngularJS

Bootstrap3Mobile组件，比如switches,overlays和sidebars，这些都是bootstrap中没有的。

AngularJSmoles，比如angular-route,angular-touch和angular-animate

响应式媒体查询是将bootstrap作为单独的文件，你只需要包含你所需要的东西。MobileAngularUIu并不包含任何jQuery依赖，你需要做的只是通过一些AngularJS指令创建友好的用户体验。

④：IntelXDK

IntelXDK是Inter开发的一款跨平台开发工具，我们可以很容易的通过IntelXDK开发应用，你需要做的只是下载他们的应用开发工具，有Linux、Windows和Mac版，它还提供了很多个开发框架，比如Twitterbootstrap,jQueryMobile和Topcoat.

⑤：Titanium

’sTitanium不同于其它框架的是，它是一个开源的框架。

Titanium是混合式移动应用开发的一站式解决方案，你只需要下载Titaniumstudio就可以解决所有的事情，TitaniumSDK包含了很多手机平台的APIs和后端云服务。

Titanium使用Alloy，Alloy是一个快速开发的手机应用MVC框架，模块式开发可以大大减小开发时间，提高代码复用。

⑥：SenchaTouch

SenchaTouch同样也是HTML5手机应用跨平台开发框架，运行iOS/Android/Blackberry。它已经诞生很多年了，现在已经成为很常用的混合式编程开发框架。

SenchaTouch可以让你的WebApp看起来像NativeApp。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的WEB标准，全面兼容Android和AppleiOS设备。

⑦：KendoUI

Telerik’sKendoUI是一个强大的框架用于快速HTML5UI开发。基于最新的HTML5、CSS3和JavaScript标准。

KendoUI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。

Q2: 5.html5框架属性sandbox属性的作用效果？

HTML 5将针对iframe元素增加sandbox属性，可以防止不信任的Web页面执行某些操作。HTML 5规范的编辑Ian Hickson谈到了sandbox的好处，它可以防止如下操作：

◆访问父页面的DOM（从技术角度来说，这是因为相对于父页面iframe已经成为不同的源了）

◆执行脚本

◆通过脚本嵌入自己的表单或是操纵表单

◆对cookie、本地存储或本地SQL数据库的读写

HTML 5的修订历史页面还提到了sandbox的其他特性：

◆禁用插件

◆禁止其他浏览上下文的导航

◆禁止弹出窗口和模式对话框

◆iFrames因安全问题而臭名昭著，这主要是因为iFrames常常被用于嵌入第三方内容，而后者则可能会执行某些恶意操作。

◆sandbox通过限制被嵌入内容所允许的操作而提升iFrames的安全性。这种方式将沙箱内容与父页面进行了分离，因此限制了被嵌入内容的权限。

与sandbox一起出来的还有其MIME类型：text/html-sandboxed。Hickson说到：

#T#text/html-sandboxed MIME类型确保用户不会访问到不可信的内容。它包含两部分内容：首先，如果用户直接访问页面时，浏览器不可以渲染那些具有text/html-sandboxed MIME类型的页面。目前所有浏览器都支持这一点，这些浏览器会下载页面的标记但不会渲染页面；其次，支持sandbox属性的浏览器需要渲染具有text/html-sandboxed MIME类型的iframes（但会受到sandbox属性中所设定的权限限制）目前为止，还没有浏览器实现这一点，Google Chrome也是如此（它会渲染父页面，但却下载iframe内容而非在iframe中对其进行渲染）。因此目前还没法使用该项技术，除非Google更新Chrome以支持这一点（从理论上来说，其他的浏览器厂商在实现了对sandbox属性的支持后就会实现该技术，让我们拭目以待吧）。

目前，只有Google Chrome 4.0使用了sandbox，Firefox、IE8和Safari都还没有实现这一点，但相信不久之后这些浏览器都会实现的。围绕着HTML 5 video元素发生了很多事情，Google通过H.264标准对其进行实现，而其他浏览器则使用了不同的标准或是干脆还没有实现。但这种情况不会发生在这里，因为每个浏览器都可以在内部自由决定如何实现sandbox。但即便是明天所有的主流浏览器都采用了sandbox，众多的开发者和内容管理者也不能立刻就使用它，因为还有那么多的遗留浏览器会忽略掉该属性，因此稳妥的办法还是采取常规的安全手段来保护iFrames。

更多web开发技术分享，请关注卫星公号:web_learn01

Q3: 怎么搭建html5 bootstrap框架布局

如何使用Bootstrap

针对 Bootstrap 的 HTML

清单 • 是一个有用的框架 HTML 文件，用于结合使用 Bootstrap 与一个固定布局和响应特性：

清单 • 用于 Bootstrap 项目的基本框架 HTML 文件 (listing1.html)

缩小版本

在 Bootstrap 下载中，请注意，每个 CSS 和 JavaScript 文件有两个版本可用(例如 bootstrap.js 和 bootstrap.min.js)。第一种形式是一个常规文件，第二种形式是压缩文件或 “缩小文件”。就像在本文中一样，使用缩小版本即可实现最有效的页面加载。

listing1.html 的开始之处的 DOCTYPE 声明将其标记为一个 HTML5 文件。head 元素内的 meta标记控制移动的小屏幕布局。(为方便起见，我将它们称作 meta/viewport 标记。)默认情况下，大多数移动设备按比例缩小 Web 页面，使之适应屏幕大小，就像在桌面浏览器窗口中一样。这就是为什么许多网站上的文本和图像在手机浏览器中看起来很小的原因。meta/viewport 声明中的 initial-scale=1.0 部分禁用了这一行为，告诉设备要保持页面的原有尺寸。该声明表示 Web 设计人员(在本例中为 Bootstrap)已经完成了实现较小屏幕的响应式设计这一任务，所以在默认情况下，没必要采用蛮力方法。

Q4: HTML5有哪些主流框架

对于参加杭州Web前端培训班的人来说，他们的课程安排是从基础到进阶，并由专业的老师引导教学。在具备一定的理论基础之后，还需要学习前端框架，目的是减少重复的劳动，提高工作效率并增加安全性，而这也是很多企业在面试过程中经常提问的知识点。今天就给大家介绍一下Web前端三大主流框架。

目前比较流行的前端三大框架是Angular、React、Vue，三者各有所长。

1、Angular

Angular是一个JavaScript框架，最为核心的是：MVC(Model–view–controller)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Angular通过指令扩展了HTML，以一个 JavaScript文件形式发布，通过script标签添加到网页中。Angular的优势在于：零配置、深度整合设计模式、约定才是框架的本质。不过对于JavaScript工程师来说，少有工程化的经验，学习起来会比较痛苦。

2、React

React是一个Facebook和Instagram用来创建用户界面的JavaScript库，用于构建页面、Javascript库。主要功能是对DOM操作，声明式设计，更快的开发出Web应用系统。借助React，你可以非常轻松地创建用户交互界面，为你应用的每一个状态设计简洁的视图。在数据改变时，React也可以高效地更新渲染界面。

3、Vue

Vue是用于构建交互式的Web界面的库，它提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲，Vue集中在MVVM模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的DOM操作和输出格式被抽象出来成指令和过滤器，相比其它的MVVM框架，Vue更容易上手。

综上所述，在大型超大型Web应用开发上比较看好Angular，个性化需求、中型应用更倾向选择React，在小型应用上则看好Vue。当然不同企业会有不同的需求，所选用的框架也不一样，但只要你具备扎实的理论基础，就可以很快上手这些框架。

Q5: html5网站框架怎么写？

解决办法如下：

!DOCTYPEhtml

html

head

metacharset="utf-8"/

titleHTML5ExamplesPage/title

style

!--这里是CSS代码--

/style

/head

body

article

header标题/header

section正文/section

footer文章相关信息/footer

/article

script

!--这里是JavaScript代码--

/script

/body

/html

应用须知

它可能会消灭Flash

许多业内人士表示，HTML将会最终代替多媒体框架，如Adobe的Flash，但是短期看来还不是时候。HTML5估计到2014年才能逐步成熟，而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点，但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5，谷歌于2015年2月26日开始自动将Flash广告转换为HTML5格式，这可能会加速HTML5替代Flash的进程，但是这个转变的过程也不是一蹴而就的。

它新并不表示它安全

网络应用开发工程师们在学习新技术的同时需要时刻记住网络安全。HTML5所构建的网页和其他语言编写的网页一样容易泄露一些敏感数据。欧洲网络信息安全机构（EuropeanNetworkandInformationSecurityAgency，ENISA）已经警告说HTML5可能并不够安全。

它承诺带来一个无缝的网络

HTML5会带来一个统一的网络，无论是笔记本，台式机，还是智能手机都应该很方便的浏览基于HTML5的网站。因此在设计网站的时候，开发者需要重新考虑用户体验，网站浏览，网站结构等因素使得这个网站对任何硬件设备都通用。

它会变成企业的SaaS平台

一些重量级的企业，如微软，Salesforce，SAPSybase正在开发HTML5的开发工具。如果你正在构建企业应用，很可能不久的将来你就要用到HTML5。所以当构建公司的SaaS战略迁移的时候也不要忘记HTML5。

它将会变得很移动

几乎所有人都热衷于开发独立的移动应用，但是HTML5很可能会是独立移动应用的终结者。由于HTML5将应用的功能直接加入其内核，这很可能引导移动技术潮流重新回到浏览器时代。HTML5允许开发者在（移动）浏览器内开发应用，所以如果你正在制定一项桌面或者移动应用的长期发展策略，你可能需要考虑这一点。

html5多窗口框架的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5多选框、html5多窗口框架的信息别忘了在本站进行查找喔。