html5 跨平臺開發(fā) 工具 有哪些

html5開發(fā)工具有哪些 html5開發(fā)工具哪個好：

10余年的墊江網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。營銷型網(wǎng)站建設(shè)的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整墊江建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)從事“墊江網(wǎng)站設(shè)計”,“墊江網(wǎng)站推廣”以來，每個客戶項目都認(rèn)真落實執(zhí)行。

1、Adobe Dreamweaver CS6

2、Adobe Edge

3、DevExtreme

4、JetBrains WebStorm

5、Sencha Architect

　html5作為一個獨立的開發(fā)技術(shù)，所使用的工具遠(yuǎn)遠(yuǎn)不止以上五種，了解更多html5知識了解。

h5頁面制作工具有哪些？

一、Adobe Edge

目前還處于預(yù)覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發(fā)動態(tài)互動內(nèi)容的設(shè)計工具。內(nèi)容可以同時兼容移動設(shè)備和桌面電腦。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性，此外Edge還將整合TypeKit這樣的字體服務(wù)。

動畫和圖形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進(jìn)行擴展。動畫可以在獨立的時間線上進(jìn)行嵌套，還能實現(xiàn)互動功能。符合可以服用并通過API和代碼片段控制。通過Edge設(shè)計的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。

二、Adobe Dreamweaver CS6

Adobe Dreamweaver CS6作為一個Web設(shè)計軟件，提供了對HTML網(wǎng)站和移動程序的可視化編輯界面。其Fluid Grid排版系統(tǒng)整合CSS樣式表功能，提供自適應(yīng)版面的跨平臺兼容性。開發(fā)者可以完全實現(xiàn)Web設(shè)計的可視化操作，無需為代碼所困。

用戶不但還能在Live View中預(yù)覽，還提供多屏幕預(yù)覽功能。開發(fā)者可以通過MultiScreen預(yù)覽面板查看HTML5內(nèi)容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。

三、Adobe ColdFusion 10

ColdFusion是用來開發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)，通過Websockets、互動表單、視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗。

四、Sencha Architect 2

在開發(fā)移動和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團(tuán)隊可以在一個單一集成的環(huán)境中完成應(yīng)用的設(shè)計、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 JavaScript應(yīng)用，并實時預(yù)覽。

五、Sencha Touch 2

Sencha Touch2是移動應(yīng)用框架，也被看作是Sencha的HTML5平臺。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、Kindle Fire等多種平臺的移動應(yīng)用。

六、Dojo Foundation Maqetta

來自于IBM的一個項目，Dojo Foundation Maqetta是為桌面和移動設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設(shè)計師可以通過拖放組裝UI樣板

七、微軟Visual Studio 2010 ServicePack 1

雖然一開始并不支持HTML5，但微軟在2011年三月發(fā)布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對HTML5的一些元素。

八、JetBrains WebStorm 4.0

作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0提供了開發(fā)web應(yīng)用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實時預(yù)覽HTML文檔。

九、Google Web Toolkit

該開發(fā)工具用于開發(fā)瀏覽器應(yīng)用，但庫中支持很多HTML5功能。包括對客戶端或web存儲的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget。

十、DCloud HBuilder

HBuilder是當(dāng)前最快的HTML開發(fā)工具，強大的代碼助手幫你快速完成開發(fā)，最全的語法庫和瀏覽器兼容性數(shù)據(jù)讓瀏覽器碎片化不再頭痛。

html5是什么干什么的

HTML的全稱是超文本標(biāo)記語言，是一種標(biāo)記語言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個邏輯整體。HTML是由HTML命令組成的描述性文本，可以解釋文字、圖形、動畫、聲音、表格、鏈接等。Html是一種用來描述網(wǎng)頁的語言。它被稱為超文本標(biāo)記語言，它是一種標(biāo)記語言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個邏輯整體。

國內(nèi)幾款比較好用的html5頁面制作工具有哪些？

HTML5被看做是Web開發(fā)者創(chuàng)建流行web應(yīng)用的利器，增加了對視頻和Canvas 2D的支持。用HTML5的優(yōu)點主要在于，這個技術(shù)可以進(jìn)行跨平臺的使用。比如你開發(fā)了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應(yīng)用平臺，甚至可以通過封裝的技術(shù)發(fā)放到App Store或Google Play上，所以它的跨平臺性非常強大，這也是大多數(shù)人對HTML5有興趣的主要原因。今天,我將為大家推薦幾個主流的HTML5開發(fā)工具。

1、Sublime Text

Sublime Text是一個跨平臺的代碼編輯器，同時支持Windows、Linux、Mac OS X等操作系統(tǒng)，也是HTML的文本編輯器。

Sublime Text具有漂亮的用戶界面和強大的功能，主要功能包括：拼寫檢查、書簽、完整的 Python API 、Goto 功能、即時項目切換、多選擇、多窗口等等。

2、Dreamweaver cc

Dreamweaver是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，擁有可視化編輯界面，支持代碼、拆分、設(shè)計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，初學(xué)HTML5的人可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。

3、Adobe Edge

Adobe Edge是一款新型網(wǎng)頁互動工具，允許設(shè)計師通過HTML5、CSS和Java制作網(wǎng)頁動畫。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性。

4、WebStorm

WebStorm是一款Java開發(fā)工具，WebStorm具有的優(yōu)勢是：智能的代碼補全、代碼格式化、html提示、聯(lián)想查詢、代碼重構(gòu)、代碼檢查和快速修復(fù)、代碼調(diào)試、代碼結(jié)構(gòu)瀏覽、代碼折疊、包裹或者去掉外圍代碼。

5、HBuilder

HBuilder，即Html Builder的縮寫，Builder是建造者的意思。HBuilder是一個極客工具，追求無鼠標(biāo)的極速操作，不管是敲代碼的快捷設(shè)定，還是操作功能的快捷設(shè)定，都融入了效率第一的設(shè)計思想。

6、visual studio code

一個運行于Mac OS X、Windows和 Linux 之上的，針對于編寫現(xiàn)代Web和云應(yīng)用的跨平臺源代碼編輯器。該編輯器也集成了所有一款現(xiàn)代編輯器所應(yīng)該具備的特性，包括語法高亮，可定制的熱鍵綁定，括號匹配以及代碼片段收集。

7. DevExtreme

DevExtreme Complete Subion是性能比較好的的HTML5、CSS和Java移動開發(fā)框架，可以直接在Visual Studio集成開發(fā)環(huán)境，構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI組件，并且提供源代碼。目前，DevExtreme支持VS2010/2012/2013集成開發(fā)環(huán)境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平臺，是Visual Studio開發(fā)人員開發(fā)跨平臺移動產(chǎn)品的首選工具。

8. Sencha Architect

在開發(fā)移動和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團(tuán)隊可以在一個單一集成的環(huán)境中完成應(yīng)用的設(shè)計、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 Java應(yīng)用，并實時預(yù)覽。

開發(fā)工具的選擇，可以說是開發(fā)者社區(qū)中一個經(jīng)久不衰的話題，現(xiàn)今編輯器的數(shù)量數(shù)不勝數(shù)，vim、sublime Text,Emacs,Atom等等，那么對于一個開發(fā)者而言，挑選一個合適的編輯器是可以有效的提高編程效率;那么以上是我為大家推薦的幾款開發(fā)工具啦，大家可根據(jù)自己的喜好選擇哦！

html5基本知識點

一、HTML的開發(fā)工具和使用的瀏覽器

開發(fā)工具：記事本等文本編輯器，Atom、VisualStudioCode( VSCode)、Brackets、Sublime text和Hbuider。

瀏覽器：Chrome、Firefox、IE、Safari、IPhone、Android。

二、HTML的基本要素

DOCTYPE? 描述文檔的類型

html? ? ?網(wǎng)頁的根元素，寫在網(wǎng)頁的在外面

head??? 網(wǎng)頁的頭部信息，寫在html標(biāo)記的里面

body? ? 網(wǎng)頁的內(nèi)容，寫在html標(biāo)記的里面

具體描述：

1、DOCTYPE? 描述文檔的類型，規(guī)定web 瀏覽器關(guān)于頁面使用哪個 HTML 版本進(jìn)行編寫的指令。

網(wǎng)頁可以使用的具體版本，網(wǎng)頁中可以使用那些標(biāo)記，每個版本的DTD版本均有不同

使用例子

HTML4的例子

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""

HTML5的例子

2、html/html?網(wǎng)頁文檔中的根標(biāo)記

html 標(biāo)簽有三個特殊的屬性

manifest? ?指定網(wǎng)頁緩存文件，可以讓用戶離線的時候也可以訪問文件。

xmlns? ?設(shè)置html名空間，比如把網(wǎng)頁設(shè)置成xhml的時候可以使用這個值。

lang? ?設(shè)置網(wǎng)頁的描述語言，比如中文是zh；英文是en。

3、head/head頭部標(biāo)簽在網(wǎng)頁中只能有一個，設(shè)置HTML文檔的頭部信息，里面內(nèi)容不會在頁面中顯示出來·。

head里面的標(biāo)記

meta 標(biāo)記

title定義網(wǎng)頁的標(biāo)題

link 鏈接

script? 標(biāo)記JavaScript腳本的內(nèi)容

style? 標(biāo)記css樣式

meta? 標(biāo)記

4、body/body只能有一個，顯示網(wǎng)頁的主體內(nèi)容。

代碼示例：

請點擊輸入圖片描述

1 !DOCTYPE html 2 html lang="en" 3 head 4 ? ? meta charset="UTF-8" 5 ? ? title網(wǎng)頁標(biāo)題(顯示在瀏覽器上)/title 6 ? ? meta name="description" content="網(wǎng)頁內(nèi)容的簡單描述" 7 ? ? meta name="keywords" content="網(wǎng)頁關(guān)鍵詞" 8 ? ? link rel="/css/style.css" 9 ? ? script src="/js/script.js"/script10 /head11 body12 ? ? header網(wǎng)頁頭部內(nèi)容/header13 ? ? main網(wǎng)頁主要內(nèi)容/main14 ? ? nav網(wǎng)頁的導(dǎo)航內(nèi)容/nav15 ? ? footer網(wǎng)頁的頁腳內(nèi)容/footer16 /body17 /html

請點擊輸入圖片描述

請點擊輸入圖片描述

三、寫在head中的標(biāo)簽

（一）、meta標(biāo)簽

meta元素的屬性：

name?描述信息的名稱，來標(biāo)記這是一個什么樣的信息

http-equiv? 描述行為

content? 描述的內(nèi)容

charset? ?指定網(wǎng)頁的編碼

1、name 屬性

1 meta name="author" content="nyw"2 ? ? !--作者， 定義網(wǎng)頁的作者 --3 meta name="description" content="meta標(biāo)記學(xué)習(xí)"4 ? ? !-- 描述，描述網(wǎng)頁的實際內(nèi)容 --5 meta name="keywords" content="HTML,meta"6 ? ? !-- 關(guān)鍵字，定義網(wǎng)頁關(guān)鍵字 --

2、http-equiv屬性

1 meta http-equiv="refresh" content="30"2 ? ? !-- 網(wǎng)頁30s后自動刷新 --3 meta http-equiv="refresh" content="5,url=dom.html"4 ? ? !-- 網(wǎng)頁30秒后跳轉(zhuǎn)到dom.html文檔 --

meta http-equiv="refresh" content="5,url=dom.html"

http-equiv描述網(wǎng)頁的行為，行為 refresh刷新，內(nèi)容為5，表示5秒后跳轉(zhuǎn)到 dom.html這個文檔。

3、content 屬性

特殊屬性

content-type???指定http頭部信息的文字編碼（最為常用）

default-style? ?指定優(yōu)先使用的樣式單（stylesheet）

refresh? ? 用于網(wǎng)頁的自動刷新或是頁面跳轉(zhuǎn)

set-cookie???設(shè)置頁面的cookie（現(xiàn)在已經(jīng)不再推薦使用）

4、charset屬性

指定網(wǎng)頁的編碼，推薦使用UTF-8來增加網(wǎng)頁的兼容性。

代碼實例：

為搜索引擎抓取機器人準(zhǔn)備一些信息

這段代碼可以禁止搜索引擎緩存和跟蹤網(wǎng)頁。

meta name="robots" content="noindex,nofollow"

!-- name定義的是機器人，內(nèi)容部分表示不要被搜索引擎緩存，也不要被搜索引擎跟蹤 --

代碼實例：

請點擊輸入圖片描述

1 !DOCTYPE html 2 html lang="en" 3 head 4 ? ? meta charset="UTF-8" 5 ? ? title網(wǎng)頁標(biāo)題(顯示在瀏覽器上)/title 6 ? ? meta name="author" content="nyw" 7 ? ? !--作者， 定義網(wǎng)頁的作者 -- 8 ? ? meta name="description" content="meta標(biāo)記學(xué)習(xí)" 9 ? ? !-- 描述，描述網(wǎng)頁的實際內(nèi)容 --10 ? ? meta name="keywords" content="HTML,meta"11 ? ? !-- 關(guān)鍵字，定義網(wǎng)頁關(guān)鍵字 --12 ? ? meta http-equiv="refresh" content="30"13 ? ? !-- 網(wǎng)頁30s后自動刷新 --14 ? ? meta http-equiv="refresh" content="5,url=dom.html"15 ? ? !-- 網(wǎng)頁30秒后跳轉(zhuǎn)到dom.html文檔 --16 ? ? meta name="robots" content="noindex,nofollow"17 ? ? !-- name定義的是機器人，內(nèi)容部分表示不要被搜索引擎緩存，也不要被搜索引擎跟蹤 --18 /head19 body20 /body21 /html

請點擊輸入圖片描述

（二）、title、base標(biāo)記

title和base標(biāo)記都是寫在head標(biāo)簽中

title：設(shè)置網(wǎng)頁的標(biāo)題

寫法：title內(nèi)容/title。

base：指定網(wǎng)頁跳轉(zhuǎn)基準(zhǔn)URL，如果不指定的話默認(rèn)為當(dāng)前網(wǎng)站的當(dāng)前路徑。

寫法：base href=""

base屬性值：

href? 指定網(wǎng)頁跳轉(zhuǎn)到基準(zhǔn)URL，如果不指定的話則默認(rèn)為當(dāng)前網(wǎng)站的當(dāng)前路徑。

base href=""??這是將頁面跳轉(zhuǎn)到百度的網(wǎng)站打開。

target? 指定鏈接的跳轉(zhuǎn)幀如果不指定的話，則是在當(dāng)前頁面中跳轉(zhuǎn)。

base target="_blank"?網(wǎng)頁中的鏈接都應(yīng)該在新的窗口中打開。

terget屬性值：

_blank? 在新窗口中打開被鏈接的文檔

_self? ?默認(rèn)值，在相同框架中打開被鏈接的文檔

_parent? ?在父框架集中

_top? ?在整個窗口中打開被鏈接文檔·

framename? ?在指定框架中打開被鏈接文檔

（三）、link標(biāo)記

link標(biāo)記：鏈接外部文件時使用的標(biāo)記，可以把外部文件的內(nèi)容引入到當(dāng)前文件中來，使當(dāng)前網(wǎng)頁實現(xiàn)更多的功能。

link屬性：

href：指定鏈接外部路徑的路徑和文件名，要設(shè)置全路徑并且?guī)募?/p>

rel：引用文件，引用資源的類型定義

我們在使用link標(biāo)簽引用外部文件的時候，外部文件的類型是多種多樣的。

alternate? ?代替文檔（種子，其他語言版本，其他格式等等）

author? ?網(wǎng)頁的作者

help? 幫助文件的鏈接

icon? 網(wǎng)頁的圖標(biāo)

next? 如果是連續(xù)網(wǎng)頁的時候，指定下一個網(wǎng)頁

prefetch? ?把鏈接外部資源時提前緩存起來。

prev? ?如果是連續(xù)網(wǎng)頁

media? 鏈接文件或是資源屬于哪一種資源。

hreflang? ?鏈接文件的語言種類

type? 鏈接文件的mi/me類型（比如說，圖片圖標(biāo)文本）

sizes? 根據(jù)link鏈接文件的類型，來指定文件的大小

代碼示例：

鏈接網(wǎng)頁圖標(biāo)：

網(wǎng)站的圖標(biāo)指定，可以顯示在瀏覽器的圖標(biāo)欄，也可以被手機讀取作為網(wǎng)站的圖標(biāo)存入收藏夾

1 !-- 網(wǎng)站的圖標(biāo)指定，可以顯示在瀏覽器的圖標(biāo)欄，也可以被手機讀取作為網(wǎng)站的圖標(biāo)存入收藏夾 --2 ? ? link rel="icon"3 ? ? !-- 示例 --4 ? ? link rel="icon" href="img/favicon.png" type="image/png"5 ? ? link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"6 ? ? link rel="apple-touch-icon" href="img/apple-touch-icon.png" type="image/png"

注意：后面的href和前面type標(biāo)注的類型要一致，這樣既可以顯示在瀏覽器，又可以顯示在手機上

鏈接外部樣式單

1 link rel="stylesheet"2 ? ? link rel="stylesheet" href="style1.css" media="screen"3 ? ? link rel="stylesheet" href="style2.css" title="主題樣式文件"4 ? ? link rel=" alternate stylesheet" href="style3.css" title="可選樣式單"

說明：

alternate 會在瀏覽器中會彈出一個對話框，供用戶可以進(jìn)行選擇

media? 表示媒體類型為屏幕，可以是手機，但不包括打印機和投影儀

title? 對這個link進(jìn)行簡單的說明

網(wǎng)站RSS種子指定

!-- 網(wǎng)站RSS種子指定 --

link rel="alternate" type="application/rss+xml"

為搜索引擎的準(zhǔn)備的網(wǎng)頁的URL

!-- 為搜索引擎的準(zhǔn)備的網(wǎng)頁的URL --

link rel="canonical"

link rel="canonical" href=""

HTML5開發(fā)游戲需要什么工具，還有要用到的知識（主要）是什么？？ 最好是自己回答。。。。。

你可以先去【繪學(xué)霸】網(wǎng)站找“游戲特效/unity3D”板塊的【免費】視頻教程-【點擊進(jìn)入】完整入門到精通視頻教程列表： ;tagid=305,306zdhhr-11y17r-239619078

想要系統(tǒng)的學(xué)習(xí)可以考慮報一個網(wǎng)絡(luò)直播課，推薦CGWANG的網(wǎng)絡(luò)課。老師講得細(xì)，上完還可以回看，還有同類型錄播課可以免費學(xué)（贈送終身VIP）。

自制能力相對較弱的話，建議還是去好點的培訓(xùn)機構(gòu)，實力和規(guī)模在國內(nèi)排名前幾的大機構(gòu)，推薦行業(yè)龍頭：王氏教育。

王氏教育全國直營校區(qū)面授課程試聽【復(fù)制后面鏈接在瀏覽器也可打開】：

在“游戲特效/unity3D”領(lǐng)域的培訓(xùn)機構(gòu)里，【王氏教育】是國內(nèi)的老大，且沒有加盟分校，都是總部直營的連鎖校區(qū)。跟很多其它同類型大機構(gòu)不一樣的是：王氏教育每個校區(qū)都是實體面授，老師是手把手教，而且有專門的班主任從早盯到晚，爆肝式的學(xué)習(xí)模式，提升會很快，特別適合基礎(chǔ)差的學(xué)生。

大家可以先把【繪學(xué)霸】APP下載到自己手機，方便碎片時間學(xué)習(xí)——繪學(xué)霸APP下載：

網(wǎng)頁標(biāo)題：html5開發(fā)工具,html5用什么軟件開發(fā)
本文路徑：http://chinadenli.net/article44/dsiojee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、做網(wǎng)站、搜索引擎優(yōu)化、Google、服務(wù)器托管、用戶體驗

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)