html5开发工具有哪些

HTML5 Visual Cheat Sheet该工具包括所有HTML4或5支持的相关属性和标签,简单可视化的网格将协助你快速找到相关标签或属性。
ModernizrModernizr是一个用来探测浏览器是否支持某种新特性的JavaScript库,使用它可以节约很多代码及测试工作量,甚至可以对一些不支持新特性的浏览器通过额外加载脚本的形式来实现相应的新特性。
Lime JS如果你想为台式机和触摸屏设备创造出惊人的游戏,那么Lime JS这个HTML游戏框架是一个很好的选择。
此外,该工具可以帮助您在触摸屏设备创建HTML5网站。
Flash to HTML5 Online该工具可以将Flash文件转换成HTML5文件,允许你在支持HTML5的浏览器中使用Flash动画文件,从而不需要安装Flash播放器。
HTML5 Tracker网站开发者了解最新的技术是必要的,通过使用该工具可以跟踪HTML5最新修订信息。
Online HTML5 Audio Maker要想使用各种最新的音频功能,Online HTML5 Audio Maker可以帮你实现,该工具可以为不同浏览器提供音频解决方案,针对不同的浏览器使用不同的音频格式。
Lungo JS移动应用的发展是网络发展一个重要组成部分。
该工具包括CSS3、HTML5和Java Script的全部功能,它可以帮助你为iOS、Android、BlackBerry等系统移动设备开发应用。
InitializrInitializr是个网站模板生成器,使用它提供的特色模板可以快速生成网站,也可以自定义模板。
Initializr是初学者快速创建网页的最佳工具。
Font Dragr使用该工具可以在不需要更改代码的情况下为网站选择合适的字体。
在网站加载该工具后,将“font dragr”按钮拖到浏览器书签栏中,在浏览其他网页时,点击该书签,页面顶部出现fontdragr工具栏,将字体文件拖到此工具栏中即可改变网页中的字体。
HTML5 Demos这个工具可以告诉你每一个HTML5特性在哪些浏览器中支持,它把演示和示例结合在一起,用户可以点击支持的浏览器的

但很多对html5的同学感兴趣想学习都不知道html5开发工具有哪些,具体哪一个最好用。
今天千锋武汉小编就为大家推荐12款经常会用到的html5开发工具。
1、Adobe Dreamweaver CS6Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。
由于Dreamweaver支持代码、拆分、设计、实时视
其成熟的代码编辑工具更适用于Web开发高级人员的创作! 2、Adobe EdgeAdobe Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。
它的一个重要功能是web工具包界面,用于方便确保在不同浏览器中架构的一致性,此外,Adobe Edge还将整合TypeKit这样的字体服务。
通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。
3、DevExtremeDevExtreme Complete Subion是性能最优的HTML5,CSS和Java移动开发框架,可以直接在Visual Studio集成开发环境,构建iOS,Android,Tizen和Windows Phone 8应用程序。
DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件,并且提供源代码。
目前,DevExtreme支持VS2010/2012/2013集成开发环境,兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台,是Visual Studio开发人员开发跨平台移动产品的首选工具。
4、JetBrains WebStormWebStorm 是jetbrains公司旗下一款JS开发工具。
被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaS IDE”等。
与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。
5、Sencha Architect在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。
开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。
开发者还可以开发Sencha Touch2和Ext JS4 Java应用,并实时预览。
6、InitializrInitializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板。
7、HTML5demos想知道你的浏览器是否支持 HTML5 Canvas 吗?
想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗?
HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。
8、HTML5 Tracker想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧,它可以跟踪 HTML5 最新修订信息。
9、HTML5 visual cheat sheet想要快速超找一个标签或者属性吗?
看看这个非常酷的速查手册吧,每个Web开发人员的必备。
10、Switch To HTML5Switch To HTML5 是一个基础而实用的模板生成工具。
如果你开始一个新项目,可以到这里获取免费的 HTML5 网站模板。
11、HTML5 Test你浏览器准备好迎接 HTML5 革命了吗?
HTML5 Test 将告诉你。
这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。
12、Lime JSLimeJS 是一个 HTML5 游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。
非常棒的HTML5开发工具,一定要用用试试。

希望能帮助到大家!
参考:
作为一名前端开发者,我来说一下用过的一些Html5开发工具;
1.Adobe Dreamweaver CC 2015Adobe Dreamweaver 是Adobe公司出品的一款网页制作编辑器,Dreamweaver可以可视化编辑,你不需要编写任何代码就能创建Html页面;
这也是我刚学习html语言时,用过的工具,非常适合初学者。
2.webStormwebStorm 是JetBrains公司的一款前端开发工具,被称为Web前端开发神器,有着强大的提示功能;
3.Sublime Text3Sublime Text3 有着强大的功能,插件丰富,占用内存小。
同时是一个跨平台的编辑器,支持windows、linux、Mac OS等操作系统;
4.HBuliderHBulider 是国产的一款编辑器,有很好的提示功能;
编码起来飞快;
有着边改边看,支持多语言;
也是我现在开发Html5用的比较多的一款编辑器;
5.Visual Studio CodeVisual Studio Code简称VS code,有着自定义主题,可以根据自己的喜好更换主题,自动保存,智能提示,也支持插件安装;

内容可以同时兼容移动设备和桌面电脑。
Edge的一个重要功能是Web工具包界面,方便确保页面在不同浏览器中的架构一致性,此外Edge还将整合TypeKit这样的字体服务。
动画和
动画可以在独立的时间线上进行嵌套,还能实现互动功能。
符合可以服用并通过API和代码片段控制。
通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。
二、Adobe Dreamweaver CS6Adobe Dreamweaver CS6作为一个Web设计软件,提供了对HTML网站和移动程序的可视化编辑界面。
其Fluid Grid排版系统整合CSS样式表功能,提供自适应版面的跨平台兼容性。
开发者可以完全实现Web设计的可视化操作,无需为代码所困。
用户不但还能在Live View中预览,还提供多屏幕预览功能。
开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。
Live View通过WebKit渲染引擎支持HTML5。
三、Adobe ColdFusion 10ColdFusion是用来开发企业Web程序的服务器端技术,通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。
四、Sencha Architect 2在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。
开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。
开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用,并实时预览。
五、Sencha Touch 2Sencha 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。
有关更多人生哲理、技术干货、职场守则等新鲜、有趣、深刻的内容,
Sublime Text具有漂亮的用户界面和强大的功能,主要功能包括:拼写检查,书签,完整的 Python API ,Goto 功能,即时项目切换,多选择,多窗口等等。
2、DreamweaverDreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,拥有可视化编辑界面,支持代码、拆分、设计、实时视
3、Adobe EdgeAdobe Edge是一款新型网页互动工具,允许设计师通过HTML5、CSS和Java制作网页动画。
Edge的一个重要功能是Web工具包界面,方便确保页面在不同浏览器中的架构一致性。
4、WebStormWebStorm是一款Java 开发工具,目前已经被广大中国JS开发者誉为\"Web前端开发神器\"、\"最强大的HTML5编辑器\"、\"最智能的Java IDE\"等。
WebStorm具有的优势是:智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。
5、HBuilderHBuilder,即Html Builder的缩写,Builder是建造者的意思。
HBuilder是一个极客工具,追求无鼠标的极速操作,不管是敲代码的快捷设定,还是操作功能的快捷设定,都融入了效率第一的设计思想。
HBuilder不为敲字母而花费时间,不为大小写拼错而调错半天,把精力花在思考上,想清楚后落笔如飞。
支撑这个理念,除了体验上的精细设计,还要求我们突破很多世界级技术难题,包括语法库、语法结构模型、AST语法分析引擎。

参考:
  现在企业对于HTML5开发工程师的要求:精通HTML5、CSS3、Java等Web前端开发技术,熟悉Ajax、DOM、XML、JSON等相关技术,熟悉dreamweaver, Photoshop 等前端开发工具;熟悉HTML5特性、了解HTML5最新规范、熟悉常见的算法,能够熟练运用HTML5特性构建移动端的WebApp;熟悉手机端和PC端Web实现的差异,了解移动互联网产品和行业,良好的代码编写习惯、具有良好的沟通能力、协调能力和团队合作精神。
可根据企业需求去学习改进自己。

参考:
1.高级文本编辑器(Sublime Text)Sublime Text 很赞的代码编辑器,界面设置非常人性化,左边是代码缩略
类似的还有Notepad++、UltraEdit2.DreamweaverDreamweaver拥有可视化编辑界面,支持代码、拆分、设计、实时视
3.Adobe EdgeAdobe公司的一款新型网页互动工具。
允许设计师通过HTML5、CSS和JavaScript制作网页动画。
4.WebStormWebStorm 是jetbrains公司旗下一款JavaScript 开发工具。
被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。
5.DevExtremeDevExtreme是专为你的移动世界精心准备的,一个跨平台开发的HTML5/JS框架,可以构建iOS、Android、Tizen和Windows Phone 8应用程序,是Visual Studio开发人员开发跨平台移动产品的优选工具。
初次之外还有很多优秀的HTML5开发工具,不一一列举。
成都朗沃教育专注教育12年,希望能帮到你!
参考:
我常用的有
2.sublime text3 这个编译器被称为最好得编译器,我感觉也是那样,好用。
3. Hsublime 我记得好像是叫这个名字,也可以。
我用的就这三个多一点了
参考:
1、Adobe Dreamweaver CS6;
2、HTML5demos;
3、DevExtreme;
4、JetBrains WebStorm;
5、Sencha Architect;
6、Initializr等。

参考:
在手机端,我觉得最好的是Quoda,具有代码提示,自动完成,支持FTP,支持HTML、XML、CSS、JavaScript、PHP、C、C++、C#、Java、ActionScript、Lisp、Markdown、Haskell等,
参考:
HTML是一个文本文件,理论上使用任何的文本编辑器都可以编写HTML,例如:记事本等。
但是要想高效编写HTML,还需要专业的编辑器,这些专业的编辑器可以实现代码自动补齐,着色,预览等功能。
下面推荐几款流行的HTML编辑器:Atom,GitHub推出的一款免费前端编辑器非常强大,强烈推荐。
Eclipse,主要用来开发Java程序,对HTML支持也很好。
Aptana Studio 3,基于Eclipse开发的,非常强大的一款前端开发工具。
http://codingdict.com/article/1449