HTML5开发工具有哪些？

一、HTML5开发工具有哪些？

一、Adobe Edge

目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。

动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。

二、Adobe Dreamweaver CS6

Adobe Dreamweaver CS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其Fluid Grid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化操作，无需为代码所困。

用户不但还能在Live View中预览，还提供多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。Live View通过WebKit渲染引擎支持HTML5。

三、Adobe ColdFusion 10

ColdFusion是用来开发企业Web程序的服务器端技术，通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。

四、Sencha Architect 2

在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用，并实时预览。

五、Sencha Touch 2

Sencha Touch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动应用。

六、Dojo Foundation Maqetta

来自于IBM的一个项目，Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板

七、微软Visual Studio 2010 ServicePack 1

虽然一开始并不支持HTML5，但微软在2011年三月发布的Visual Studio 2010 SP1中提供了IntelliSense，追加了针对HTML5的一些元素。

八、JetBrains WebStorm 4.0

作为拥有HTML编辑器的JavaScript集成开发环境，WebStorm4.0提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。例如砍伐者键入。开发者还可以在chrome浏览器中实时预览HTML文档。

九、Google Web Toolkit

该开发工具用于开发浏览器应用，但库中支持很多HTML5功能。包括对客户端或web存储的支持。其他HTML5功能还包括支持Canvas可视化，以及音频和视频widget。

二、html5哪个开发工具比较适合新手？

前端有两大神器

Sublmie

下载地址：

http://www.sublimetext.com/

下面我们介绍一下Sublime的安装和使用：

处于安全和安装版本的考虑，建议大家还是去官网下载Sublime的安装包（http://www.sublimetext.com/）， 官网上还用gif动态形象的展示了它的一些常用功能。

注意在安装后， Sublime不会在桌面添加图标，你需要在开始菜单的所有程序中找到它：

图6-打开Sublime编辑器（截图来自秒秒学课程）

通常我们习惯打开侧边栏，可以通过如下操作打开。

图7-打开Sublime侧边栏（截图来自秒秒学课程）

打开侧边栏后，基本的编辑界面就是下图中的样子。

图8-Sublime基本界面（截图来自秒秒学课程）

上图有行数，代码缩略图，标题以及侧边目录，和代码高亮。然后下图展示了智能代码提示功能，基本这几大功能是我们最常用的。

图9-Sublime智能代码提示（截图来自秒秒学课程）

Sublime当然还有其它很多的功能，比如多窗口，多选择，项目及时切换等等，作为web开发的初学者，我其实也很少用到这些高级功能，但我知道它真的很方便。

最后，当然是用浏览器打开html文件。如下图，在html文件中右键，然后选择Open in Broser选项就可以了。

图10-用浏览器打开操作（截图来自秒秒学课程）

总之呢，Sublime是一款轻量、简洁、高效、而且跨平台的编辑器。支持N多种语言，很多攻城狮都偏爱它！作为web学习者，我觉得不用在编辑器的选择上太费周章，选一款你中意的就行，比如我就比较中意Sublime。

Notepad++

https://notepad-plus-

plus.org/

以上两个都是前端开发的神器

三、如何选择适合的HTML5网站APP开发工具？

在移动互联网时代，HTML5网站APP开发工具成为了许多开发者的首选。HTML5技术具有跨平台、开发周期短、成本低的特点，因此备受青睐。但是，市面上的HTML5网站APP开发工具种类繁多，如何选择适合自己的工具成为了开发者们的难题。

功能全面、易上手的HTML5网站APP开发工具

首先，一款好的HTML5网站APP开发工具应该具备功能全面、易上手的特点。开发者们需要一个全方位的工具来支持他们的创意和需求，同时使用起来能够快速上手，省去了繁琐的学习成本。

支持跨平台、性能稳定的开发工具

其次，HTML5网站APP开发工具需要支持跨平台，并且保证APP的性能稳定。开发的APP能够在不同的操作系统上运行，并且不会出现闪退、卡顿等情况，这是衡量一款开发工具好坏的重要标准。

生态丰富、技术支持及时的开发工具

另外，选择HTML5网站APP开发工具时需要考虑其生态是否丰富、技术支持是否及时。一个良好的生态可以为开发者提供丰富的资源和文档，而及时的技术支持则可以在开发过程中为开发者解决各种疑难问题。

市面上常见的HTML5网站APP开发工具有：

• PhoneGap： 支持跨平台开发，易学易用，生态丰富。
• Sencha Touch： 功能全面强大，性能稳定，技术支持及时。
• Intel XDK： 界面友好，支持多种操作系统，开发效率高。
• Appcelerator Titanium： 快速开发，跨平台支持广泛。
• Monaca： 云端开发，支持快速原型设计，适合团队协作。

综上所述，选择HTML5网站APP开发工具时，开发者们需要综合考虑功能、易用性、跨平台支持、性能稳定性、生态和技术支持等多方面因素。希望以上介绍能够帮助大家在众多的HTML5网站APP开发工具中找到适合自己的那一款。

感谢您的阅读，希望本文能够帮助您更好地选择合适的HTML5网站APP开发工具。

四、jQuery：优秀的HTML5开发工具

引言

HTML5是当前互联网开发领域的热门话题，它为网站和应用程序提供了许多新的特性和功能。jQuery作为一款流行的JavaScript库，不仅简化了前端开发的繁琐任务，同时也提供了丰富的功能来支持HTML5开发。本文将介绍jQuery如何支持和发挥其优势在HTML5项目中的应用。

提供的HTML5功能

jQuery支持HTML5的核心功能，包括语义化标签、多媒体元素、表单验证和本地存储等。下面将详细介绍这些功能：

1. 语义化标签

HTML5引入了许多新的语义化标签，如