html5用什么开发(html5前端开发是什么)

html5用什么开发,html5前端开发是什么

内容导航：

html5开发工具有哪些

html5常用的开发工具是哪些

html5用什么软件编写

html5 游戏开发怎么学

一、html5开发工具有哪些

随着移动互联网飞速发展，html5语言的出世也受到广大开发者们的喜爱，HTML5被看做是web开发者创建流行web应用的利器，增加了对视频和Canvas
2D的支持。但很多对html5的同学感兴趣想学习都不知道html5开发工具有哪些，具体哪一个最好用。今天千锋武汉小编就为大家推荐12款经常会用到的html5开发工具。

1、Adobe Dreamweaver CS6

Dreamweaver
CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作！

2、Adobe Edge

Adobe
Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外，Adobe
Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。

3、DevExtreme

DevExtreme 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 WebStorm

WebStorm
是jetbrains公司旗下一款JS开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaS
IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

5、Sencha Architect

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

6、Initializr

Initializr 是制作 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 HTML5

Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目，可以到这里获取免费的 HTML5 网站模板。

11、HTML5 Test

你浏览器准备好迎接 HTML5 革命了吗？HTML5 Test
将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。

12、Lime JS

LimeJS 是一个 HTML5 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。

以上就是小编就向大家推荐12款优秀的HTML5开发工具。希望能帮助到大家！

---

作为一名前端开发者，我来说一下用过的一些Html5开发工具；

Dreamweaver CC 2015

Adobe Dreamweaver
是Adobe公司出品的一款网页制作编辑器，Dreamweaver可以可视化编辑，你不需要编写任何代码就能创建Html页面；这也是我刚学习html语言时，用过的工具，非常适合初学者。

webStorm 是JetBrains公司的一款前端开发工具，被称为Web前端开发神器，有着强大的提示功能；

Text3

Sublime Text3 有着强大的功能，插件丰富，占用内存小。同时是一个跨平台的编辑器，支持windows、linux、Mac OS等操作系统；

HBulider 是国产的一款编辑器，有很好的提示功能；编码起来飞快；有着边改边看，支持多语言；也是我现在开发Html5用的比较多的一款编辑器；

Studio Code

Visual Studio Code简称VS code，有着自定义主题，可以根据自己的喜好更换主题，自动保存，智能提示，也支持插件安装；

以上是我在用的Html5开发工具；当然还有其他的如Atom、Notepad++、记事本等

---

1、Sublime Text

Sublime Text 是一个跨平台的代码编辑器，同时支持Windows、Linux、Mac OS X等操作系统，也是HTML和散文先进的文本编辑器。

Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括:拼写检查，书签，完整的 Python API ，Goto
功能，即时项目切换，多选择，多窗口等等。

2、Dreamweaver

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、Adobe Edge

Adobe
Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款Java 开发工具，目前已经被广大中国JS开发者誉为”Web前端开发神器”、”最强大的HTML5编辑器”、”最智能的Java
IDE”等。

WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、HBuilder

HBuilder，即Html
Builder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速操作，不管是敲代码的快捷设定，还是操作功能的快捷设定，都融入了效率第一的设计思想。

HBuilder不为敲字母而花费时间，不为大小写拼错而调错半天，把精力花在思考上，想清楚后落笔如飞。支撑这个理念，除了体验上的精细设计，还要求我们突破很多世界级技术难题，包括语法库、语法结构模型、AST语法分析引擎。

---

十款好用的HTML5开发工具

一、HBuilder

hbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。同时，它还包括最全面的语法库和浏览器兼容性数据。

二、Notepad++

Notepad++ 程序员必备的文本编辑器，软件小巧高效，支持27种编程语言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS
等，推荐各位下载使用。Notepad++ 可完美地取代微软的记事本。

三、Dreamweaver

Dreamweaver “梦想编织者”，是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。

由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作！

四、Sublime Text 3

Sublime Text
很赞的代码编辑器，界面设置非常人性化，左边是代码缩略图，右边是代码区域，你可以在左边的代码缩略图区域轻松定位程序代码的位置，高亮色彩功能非常方便编程工作。

五、Eclipse

Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。Eclipse最初是由IBM公司开发的替代商业软件Visual
Age for Java的下一代ide开发环境，2001年11月贡献给开源社区，现在它由非营利软件供应商联盟Eclipse基金会（Eclipse
Foundation）管理。

六、EditPlus

EditPlus是一款为Internet准备的、运行于Windows 下的32位文本、html编辑器,
同时也是程序员们非常喜爱的编辑器。你完全可以用它代替Windows笔记本, 它也为许多网页高手和程序员提供便利！

七、WebStorm

WebStorm是一款强大的HTML5/JavaScript Web前端开发工具，被广大JS开发者誉为“Web前端开发神器”。WebStorm
8全新特性中包括对AngularJS的支持，能够高效准确地智能感知Angular语法、指令。WebStorm还完美支持Spy-
js，合并了这款JavaScript调试利器，大大提高了开发者们的工作效率。

八、UEStudio

程序员使用的编辑器或代码编辑器是一款强大 IDE 的重要组成部分。它是任何 IDE 的核心基础。UEStudio 基于著名的 UltraEdit
进行构建。同样，程序的主干非常成熟和稳定，并且已经被证实成为文本和程序编辑器的事实标准。

九、FirHtml网页编辑器

FirHtml网页编辑器一个简洁，小巧的网页编辑器。 我们通过上一代，开发出全新的网页编辑器，帮助您高效地设计出精美的网页！新版增加了添加文件域功能。

十、Vim

Vim是Linux上的著名的文本编辑器，他是早年的Vi编辑器的加强版。这个gVim是windows版的，并且有了标准的windows风格的图形界面，所以叫g(graphical)Vim。这是一个国际版本，会根据安装的平台自动选择相应语言包，支持中文及其各种编码，连界面也是中文的，请放心使用。这个极具Unix特色和风格(simple
is the best)的编辑器相信会给您带来不同的感受。

---

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

---

1、Adobe Dreamweaver CS6；2、HTML5demos；3、DevExtreme；4、JetBrains
WebStorm；5、Sencha Architect；6、Initializr等。

---

HTML是一个文本文件，理论上使用任何的文本编辑器都可以编写HTML，例如：记事本等。但是要想高效编写HTML，还需要专业的编辑器，这些专业的编辑器可以实现代码自动补齐，着色，预览等功能。

下面推荐几款流行的HTML编辑器：

1. Atom，GitHub推出的一款免费前端编辑器非常强大，强烈推荐。
2. Eclipse，主要用来开发Java程序，对HTML支持也很好。
3. Aptana Studio 3，基于Eclipse开发的，非常强大的一款前端开发工具。

/article/1449

---

HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改,网页前端的标准书写；

越来越多的行业巨头正不断向HTML5示好。除苹果、微软、黑莓之外，谷歌的Youtube已部分使用HTML5；Chrome浏览器宣布全面支持HTML5；Facebook则不遗余力地为HTML5进行着病毒式传播。那么html5开发工具有哪些？

一．builder

hbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。同时，它还包括最全面的语法库和浏览器兼容性数据。

二．代码编辑器(Notepad++)

Notepad++ 程序员必备的文本编辑器，软件小巧高效，支持27种编程语言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS
等，推荐各位下载使用。Notepad++ 可完美地取代微软的记事本。

三． Dreamweaver CS6

Dreamweaver CS6 是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。

由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作!

CS6新版本使用了自适应网格版面创建页面，在发布前使用多屏幕预览审阅设计,可大大提高工作效率。改善的 FTP
性能，更高效地传输大型文件。“实时视图”和“多屏幕预览”面板可呈现 HTML5 代码，更能够检查自己的工作。

四． 高级文本编辑器(Sublime Text)

Sublime Text
很赞的代码编辑器，界面设置非常人性化，左边是代码缩略图，右边是代码区域，你可以在左边的代码缩略图区域轻松定位程序代码的位置，高亮色彩功能非常方便编程工作。

五． MyEclipse

MyEclipse，是十分优秀的用于开发Java,
J2EE的Eclipse插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。

六． EditPlus( 文本编辑器)

EditPlus是一款为Internet准备的、运行于Windows 下的32位文本、html编辑器,
同时也是程序员们非常喜爱的编辑器。你完全可以用它代替Windows笔记本, 它也为许多网页高手和程序员提供便利!

七． Adobe Edge

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

动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者Java代码进行扩展。动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过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。

九． DevExtreme 性能最优的跨平台移动应用开发框架

DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和Windows
Phone 8应用程序，是Visual Studio开发人员开发跨平台移动产品的优选工具。

Edge Animate CCEdge Animate CC可以让你很轻松的为现代Web设计交互式和生动地HTML内容

主要特性：

HTML动画：设计表达、动画内容轻松精确以及写实。你还可以将运动和交互添加到现有的HTML布局与模板中。

精确控制：使用直观的时间轴进行设计来达到惊人的精确度。

跨平台多设备：支持iOS、Android智能手机和平板电脑，以及现代的桌面浏览器。

十． mobl

mobl 是一个新的开源的编程语言，主要用于加速手机应用的开发，mobl 可方便构建手机 web 应用程序，包括 iOS、Android 和其他支持
HTML5 技术的手机。

Mobl使用一种与Java非常类似的脚本语言实现了静态类型的推断语言。该语言拥有以下顶级结构：
实体(entities)、类型(types)、函数(functions)、控件(controls)、屏幕(screens)、样式(styles
)和设备(services)。实体是在本地存储中持久化的数据元素，而类型是一种供我们使用的不稳定的数据。函数与那些定义在Java以及能够调用Java代码的语言中的函数类似等。

十一． Lungo 最佳HTML5移动框架

Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准，如HTML5、CSS3和Java;支持手机、电视以及桌面设备。拥有强大的Java
API：开发webAPP应用有很多种方式，而不是一味的优化。Lungo提供了一个强大的API，这样你可以完全掌控自己的webAPP应用程序。

---

微软的免费开源宇宙第一跨平台工具 Visual Studio Code GitHub也是微软旗下的，所以Atom可以无视了。

---

Hype

无需编码即可快速创作绝妙的动态 HTML5 内容

(如有需要也可编码)

二、html5常用的开发工具是哪些

第一、【Google Web
Toolkit】是现在大家还不熟悉的工具之一，主要用于开发浏览器应用的一个工具，不过库中支持很多【HTML5】的功能，包括对客户端，或者是web存储的支持，都可以实现。第二、还有一种是【JetBrains
WebStorm】工具，需要创建HTML文档时可获得对【HTML5】文件的支持，现在的运用很多，比如砍伐者键入，使用者可以在【chrome】浏览器中及时的预览【HTML】的文档很方便。第三、微软的【Visual
Studio 2010
SP1】中提供了IntelliSense这个项目，也就是说追加了针对【HTML5】的一些元素，总体使用起来还是比较好的，但是我们要结合【ddhu】的一些实用工具。第四、【Dojo
Foundation Maqetta】是一个不错的选择，这款是工具是来自于【IBM】项目之一，【Dojo Foundation
Maqetta】是为桌面和移动设备开发HTML5应用的开源工具，浏览器即可使用。第五、当然还有【Sencha
Touch2】是移动应用框架的一种，可以当做一个重要【Sencha】的HTML5平台，使用者可以用它开发面向【iOS】进行制作和使用，也可以【Android】和【Blackberry、Kindle
Fire】使用。第六、现在我们继续介绍【Sencha】，这款工具的主要定位是【HTML5】的可视化开发研究，一般来说开发团队可以在一个任务，然后做一个集成的环境，然后在这个环境中完成应用的设计和开发，以及需要的部署。第七、我们来介绍一下【Adobe
ColdFusion
】，这款工具主要是用来开发企业【Web】程序的一个技术，通过【Websockets】和互动表单以及视频等来做出【HTML5】技术，创建一种用户体验。第八、最后【Adobe
Dreamweaver
CS6】作为一个【Web】端口的一种设计软件，这款工具提供了对【HTML】网站和移动程序的可视化编辑界面，整体来说使用也是比较的方便。

三、html5用什么软件编写

. 编辑器里边推荐sublime，这是通过自己的简单配置，能够顺手使用的一款，界面炫酷，主题漂亮，体验给力。
2. 另外vim,emacs,textmate入门曲线比较陡，不建议使用。
3. 另外简单点的：notepad++,editplus，选那个区别不大。
notepad++有黑色主题，editplus启动还是那么快。
4. webstorm,phpstorm,intellijdea，随便选一款，都差不多。
分别支持不同的后台语言而已。
而web前端开发乃及其它的相关开发，推荐sublime text,
webstorm(jetbrains公司系列产品)这两个的原因在于，有个技术叫emmet, Emmet
Documentation，而这两个对他的支持是：sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。
webstorm是所有编辑器里边唯一内置emmet的一款，并且将emmet的精神往前推动的一款。
入门级别，个人比较推荐dreamweaver，写代码熟练之后就会喜欢用最简单的文本编辑器了。
熟练后可以用editplushtml是一种语言，5是它的版本号。
它不用编译就可以运行。
所以，没有特定的编写软件。
用记事本，word，或其它的文字编辑软件就可以。
只要保存为.html（，是文件名）就可以双击打开，在浏览器中运行。

四、html5 游戏开发怎么学

答：想学习html5游戏开发，朋友推荐去达内。重庆html5培训.0基础入门到精通，专注IT职业教育16年,60万学员的共同选择,在全国60个城市建立了200家培训中心，一地学习全国就业。有实力、有信誉，可先学习后付款,7天课程免费试听.