html5 跨平臺開發 工具 有哪些

html5開發工具有哪些 html5開發工具哪個好：

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

1、Adobe Dreamweaver CS6

2、Adobe Edge

3、DevExtreme

4、JetBrains WebStorm

5、Sencha Architect

　html5作為一個獨立的開發技術，所使用的工具遠遠不止以上五種，了解更多html5知識了解。

h5頁面制作工具有哪些？

一、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。

十、DCloud HBuilder

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

html5是什么干什么的

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

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

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

1、Sublime Text

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

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

2、Dreamweaver cc

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

3、Adobe Edge

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

4、WebStorm

WebStorm是一款Java開發工具，WebStorm具有的優勢是：智能的代碼補全、代碼格式化、html提示、聯想查詢、代碼重構、代碼檢查和快速修復、代碼調試、代碼結構瀏覽、代碼折疊、包裹或者去掉外圍代碼。

5、HBuilder

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

6、visual studio code

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

7. 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開發人員開發跨平臺移動產品的首選工具。

8. Sencha Architect

在開發移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 Java應用，并實時預覽。

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

html5基本知識點

一、HTML的開發工具和使用的瀏覽器

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

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

二、HTML的基本要素

DOCTYPE? 描述文檔的類型

html? ? ?網頁的根元素，寫在網頁的在外面

head??? 網頁的頭部信息，寫在html標記的里面

body? ? 網頁的內容，寫在html標記的里面

具體描述：

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

網頁可以使用的具體版本，網頁中可以使用那些標記，每個版本的DTD版本均有不同

使用例子

HTML4的例子

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

HTML5的例子

2、html/html?網頁文檔中的根標記

html 標簽有三個特殊的屬性

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

xmlns? ?設置html名空間，比如把網頁設置成xhml的時候可以使用這個值。

lang? ?設置網頁的描述語言，比如中文是zh；英文是en。

3、head/head頭部標簽在網頁中只能有一個，設置HTML文檔的頭部信息，里面內容不會在頁面中顯示出來·。

head里面的標記

meta 標記

title定義網頁的標題

link 鏈接

script? 標記JavaScript腳本的內容

style? 標記css樣式

meta? 標記

4、body/body只能有一個，顯示網頁的主體內容。

代碼示例：

請點擊輸入圖片描述

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

請點擊輸入圖片描述

請點擊輸入圖片描述

三、寫在head中的標簽

（一）、meta標簽

meta元素的屬性：

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

http-equiv? 描述行為

content? 描述的內容

charset? ?指定網頁的編碼

1、name 屬性

1 meta name="author" content="nyw"2 ? ? !--作者， 定義網頁的作者 --3 meta name="description" content="meta標記學習"4 ? ? !-- 描述，描述網頁的實際內容 --5 meta name="keywords" content="HTML,meta"6 ? ? !-- 關鍵字，定義網頁關鍵字 --

2、http-equiv屬性

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

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

http-equiv描述網頁的行為，行為 refresh刷新，內容為5，表示5秒后跳轉到 dom.html這個文檔。

3、content 屬性

特殊屬性

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

default-style? ?指定優先使用的樣式單（stylesheet）

refresh? ? 用于網頁的自動刷新或是頁面跳轉

set-cookie???設置頁面的cookie（現在已經不再推薦使用）

4、charset屬性

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

代碼實例：

為搜索引擎抓取機器人準備一些信息

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

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

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

代碼實例：

請點擊輸入圖片描述

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

請點擊輸入圖片描述

（二）、title、base標記

title和base標記都是寫在head標簽中

title：設置網頁的標題

寫法：title內容/title。

base：指定網頁跳轉基準URL，如果不指定的話默認為當前網站的當前路徑。

寫法：base href=""

base屬性值：

href? 指定網頁跳轉到基準URL，如果不指定的話則默認為當前網站的當前路徑。

base href=""??這是將頁面跳轉到百度的網站打開。

target? 指定鏈接的跳轉幀如果不指定的話，則是在當前頁面中跳轉。

base target="_blank"?網頁中的鏈接都應該在新的窗口中打開。

terget屬性值：

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

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

_parent? ?在父框架集中

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

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

（三）、link標記

link標記：鏈接外部文件時使用的標記，可以把外部文件的內容引入到當前文件中來，使當前網頁實現更多的功能。

link屬性：

href：指定鏈接外部路徑的路徑和文件名，要設置全路徑并且帶文件名

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

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

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

author? ?網頁的作者

help? 幫助文件的鏈接

icon? 網頁的圖標

next? 如果是連續網頁的時候，指定下一個網頁

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

prev? ?如果是連續網頁

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

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

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

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

代碼示例：

鏈接網頁圖標：

網站的圖標指定，可以顯示在瀏覽器的圖標欄，也可以被手機讀取作為網站的圖標存入收藏夾

1 !-- 網站的圖標指定，可以顯示在瀏覽器的圖標欄，也可以被手機讀取作為網站的圖標存入收藏夾 --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標注的類型要一致，這樣既可以顯示在瀏覽器，又可以顯示在手機上

鏈接外部樣式單

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 會在瀏覽器中會彈出一個對話框，供用戶可以進行選擇

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

title? 對這個link進行簡單的說明

網站RSS種子指定

!-- 網站RSS種子指定 --

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

為搜索引擎的準備的網頁的URL

!-- 為搜索引擎的準備的網頁的URL --

link rel="canonical"

link rel="canonical" href=""

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

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

想要系統的學習可以考慮報一個網絡直播課，推薦CGWANG的網絡課。老師講得細，上完還可以回看，還有同類型錄播課可以免費學（贈送終身VIP）。

自制能力相對較弱的話，建議還是去好點的培訓機構，實力和規模在國內排名前幾的大機構，推薦行業龍頭：王氏教育。

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

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

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

網頁標題：html5開發工具,html5用什么軟件開發
本文路徑：http://www.yijiale78.com/article44/dsiojee.html

成都網站建設公司_創新互聯，為您提供定制網站、做網站、搜索引擎優化、Google、服務器托管、用戶體驗

廣告

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