html5開發(fā)工具 html5可視化開發(fā)工具有哪些
TML5 是對 HTML 標(biāo)準(zhǔn)的第五次修訂，目前仍未完工。其主要的目標(biāo)是將互聯(lián)網(wǎng)語義化，以便更好地被人類和機(jī)器閱讀，并同時提供更好地支持各種媒體的嵌入。HTML5 的語法是向后兼容的。
但論及 HTML5 時，大部分開發(fā)者所指的并不僅僅是這個新標(biāo)準(zhǔn)，而是（如 Jeremy Keith 說）
doing anything cool (on the web)
做這些“酷”的東西需要用到的技術(shù)和標(biāo)準(zhǔn)，除了 HTML5 標(biāo)準(zhǔn)外，還包括 CSS3 的一些新屬性，以及一些新的 API。
WHATWG 在今年一月份宣布（至少對于 WHATWG 來說），HTML5 將是 HTML 的最后一個版本號，HTML 從此成為了一個不斷在更新和變化的活標(biāo)準(zhǔn)。
大家提到的都是非常好的資料，我這里再補充一些：
來自 W3C 的 HTML5 草案
http://www.w3.org/TR/html5/
來自 WHATWG 的文檔
http://www.whatwg.org/specs/web-apps/current-work/multipage/
Dive Into HTML5 - 許多泛 HTML5 技術(shù)的入門講解
http://diveintohtml5.org/
HTML is the new HTML5
http://blog.whatwg.org/html-is-the-new-html5
HTML的英文全稱為Hyper Text Markup Language，即超文本標(biāo)記語言。HTML5是HTML的一個新版本。HTML 不是一種編程語言，而是一種標(biāo)記語言 (markup language)。
HTML5是萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用超文本標(biāo)記語言(HTML)的第五次重大修改。
HTML5特性
語義特性(Class：Semantic)
HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對程序、對用戶都更有價值的數(shù)據(jù)驅(qū)動的Web。
本地存儲特性(Class: OFFLINE & STORAGE)
基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間，更快的聯(lián)網(wǎng)速度，這些全得益于HTML5 APP Cache，以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術(shù)之一)和API說明文檔。
設(shè)備兼容特性 (Class: DEVICE ACCESS)
從Geolocation功能的API文檔公開以來，HTML5為網(wǎng)頁應(yīng)用開發(fā)者們提供了更多功能上的優(yōu)化選擇，帶來了更多體驗功能的優(yōu)勢。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)。
連接特性(Class: CONNECTIVITY)
更有效的連接工作效率，使得基于頁面的實時聊天，更快速的網(wǎng)頁游戲體驗，更優(yōu)化的在線交流得到了實現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù)，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現(xiàn)服務(wù)器將數(shù)據(jù)“推送”到客戶端的功能。
網(wǎng)頁多媒體特性(Class: MULTIMEDIA)
支持網(wǎng)頁端的Audio、Video等多媒體功能， 與網(wǎng)站自帶的APPS，攝像頭，影音功能相得益彰。
三維、圖形及特效特性(Class: 3D, Graphics & Effects)
基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆于在瀏覽器中，所呈現(xiàn)的驚人視覺效果。
性能與集成特性(Class: Performance & Integration)
沒有用戶會永遠(yuǎn)等待你的Loading——HTML5會通過XMLHttpRequest2等技術(shù)，解決以前的跨域等問題，幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。
CSS3特性(Class: CSS3)
在不犧牲性能和語義結(jié)構(gòu)的前提下，CSS3中提供了更多的風(fēng)格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。
---- 2011 年 12 月 13 日更新 ----
之前對 WHATWG 和瀏覽器廠商關(guān)系的敘述有謬誤，已更正。更多關(guān)于 WHATWG 以及其成員組成的信息，參考 @呂康豪 的評論。
標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用HTML標(biāo)準(zhǔn)自1999年12月發(fā)布的HTML4.01后，后繼的HTML5和其它標(biāo)準(zhǔn)被束之高閣，為了推動Web標(biāo)準(zhǔn)化運動的發(fā)展，一些公司聯(lián)合起來，成立了一個叫做 Web Hypertext Application Technology Working Group （Web超文本應(yīng)用技術(shù)工作組 -WHATWG） 的組織。WHATWG 致力于 Web 表單和應(yīng)用程序，而W3C（World Wide Web Consortium，萬維網(wǎng)聯(lián)盟） 專注于XHTML2.0。在 2006 年，雙方?jīng)Q定進(jìn)行合作，來創(chuàng)建一個新版本的 HTML。
HTML5草案的前身名為 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接納，并成立了新的 HTML 工作團(tuán)隊。
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍處于完善之中。然而，大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持。
2012年12月17日，萬維網(wǎng)聯(lián)盟（W3C）正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的HTML5規(guī)范已經(jīng)正式定稿。根據(jù)W3C的發(fā)言稿稱：“HTML5是開放的Web網(wǎng)絡(luò)平臺的奠基石?！?/p>
2013年5月6日， HTML 5.1正式草案公布。該規(guī)范定義了第五次重大版本，第一次要修訂萬維網(wǎng)的核心語言：超文本標(biāo)記語言（HTML）。在這個版本中，新功能不斷推出，以幫助Web應(yīng)用程序的作者，努力提高新元素互操作性。
本次草案的發(fā)布，從2012年12月27日至今，進(jìn)行了多達(dá)近百項的修改，包括HTML和XHTML的標(biāo)簽，相關(guān)的API、Canvas等，同時HTML5的圖像img標(biāo)簽及svg也進(jìn)行了改進(jìn)，性能得到進(jìn)一步提升。
支持Html5的瀏覽器包括Firefox（火狐瀏覽器），IE9及其更高版本，Chrome（谷歌瀏覽器），Safari，Opera等；國內(nèi)的遨游瀏覽器（Maxthon），以及基于IE或Chromium（Chrome的工程版或稱實驗版）所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等國產(chǎn)瀏覽器同樣具備支持HTML5的能力。
在移動設(shè)備開發(fā)HTML5應(yīng)用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。
JavaScript引擎的構(gòu)建方法讓制作手機(jī)網(wǎng)頁游戲成為可能。由于界面層很復(fù)雜，已預(yù)訂了一個UI工具包去使用。
純HTML5手機(jī)應(yīng)用運行緩慢并錯漏百出，但優(yōu)化后的效果會好轉(zhuǎn)。盡管不是很多人愿意去做這樣的優(yōu)化，但依然可以去嘗試。
HTML5手機(jī)應(yīng)用的最大優(yōu)勢就是可以在網(wǎng)頁上直接調(diào)試和修改。原先應(yīng)用的開發(fā)人員可能需要花費非常大的力氣才能達(dá)到HTML5的效果，不斷地重復(fù)編碼、調(diào)試和運行，這是首先得解決的一個問題。因此也有許多手機(jī)雜志客戶端是基于HTML5標(biāo)準(zhǔn)，開發(fā)人員可以輕松調(diào)試修改。
什么是 HTML5？
HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標(biāo)準(zhǔn)。
HTML 的上一個版本誕生于 1999 年。自從那以后，Web 世界已經(jīng)經(jīng)歷了巨變。
HTML5 仍處于完善之中。然而，大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持。
HTML5 是如何起步的？
HTML5 是 W3C 與 WHATWG 合作的結(jié)果。
編者注：W3C 指 World Wide Web Consortium，萬維網(wǎng)聯(lián)盟。
編者注：WHATWG 指 Web Hypertext Application Technology Working Group。
WHATWG 致力于 web 表單和應(yīng)用程序，而 W3C 專注于 XHTML 2.0。在 2006 年，雙方?jīng)Q定進(jìn)行合作，來創(chuàng)建一個新版本的 HTML。
為 HTML5 建立的一些規(guī)則：
- 新特性應(yīng)該基于 HTML、CSS、DOM 以及 JavaScript。
- 減少對外部插件的需求（比如 Flash）
- 更優(yōu)秀的錯誤處理
- 更多取代腳本的標(biāo)記
- HTML5 應(yīng)該獨立于設(shè)備
- 開發(fā)進(jìn)程應(yīng)對公眾透明
- HTML5 發(fā)展如火如荼，隨著各大瀏覽器對 HTML5 技術(shù)支持的不斷完善以及?HTML5 技術(shù)的不斷成熟，未來 HTML5 必將改變我們創(chuàng)建 Web 應(yīng)用程序的方式。今天這篇文章向大家推薦10款優(yōu)秀的HTML5開發(fā)工具，幫助你更高效的編寫 HTML5 應(yīng)用。
Initializr
Initializr 是制作 HTML5 網(wǎng)站最好的入門輔助開發(fā)工具，你可以使用提供的特色模板快速生成網(wǎng)站，也可以自定義，Initializr 會為你生成代碼簡潔的可定制的網(wǎng)頁模板。→ 訪問?Initializr
HTML5demos
想知道你的瀏覽器是否支持 HTML5 Canvas 嗎？想知道 Safari 是否可以運行簡單的 HTML5 聊天客戶端嗎？HTML5demos 會告訴你每一個HTML5特性在哪些瀏覽器中支持。→ 訪問?HTML5 Demos
HTML5 Tracker
想了解 HTML5的最新動向嗎? 使用 HTML5 Tracker 吧，它可以跟蹤 HTML5 最新修訂信息。→ 訪問?HTML5 Tracker
HTML5 visual cheat sheet
想要快速超找一個標(biāo)簽或者屬性嗎？看看這個非?？岬乃俨槭謨园?，每個Web開發(fā)人員的必備。→ 訪問?HTML5 visual cheat sheet
Switch To HTML5
Switch To HTML5 是一個基礎(chǔ)而實用的模板生成工具。如果你開始一個新項目，可以到這里獲取免費的 HTML5 網(wǎng)站模板。→ 訪問?Switch To HTML5
Cross browser HTML5 forms
HTML5 中的日歷，取色板，滑塊部件等都是非常棒工具，但是有些瀏覽器不支持。這個頁面將幫助你構(gòu)建完美的HTML5表單兼容方案。
→ 訪問?Cross browser HTML5 formsHTML5 Test
你瀏覽器準(zhǔn)備好迎接 HTML5 革命了嗎？HTML5 Test 將告訴你。這個網(wǎng)站會為你當(dāng)前使用的瀏覽器生成一份對video、audio、canvas等等特性的支持情況的完整報告。
→ 訪問?HTML5 TestHTML5 Canvas cheat sheet
Canvas 元素是 HTML5 最重要的元素之一，它可以在網(wǎng)頁中繪制圖形，非常強大。這是一個 Canvas 元素的詳細(xì)速查手冊。
→ 訪問?HTML5 Canvas cheat sheetLime JS
- 1. Adobe Dreamweaver CS6Dreamweaver CS6是世界頂級軟件廠商Adobe推出的一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動應(yīng)用程序的網(wǎng)頁設(shè)計軟件。由于Dreamweaver支持代碼、拆分、設(shè)計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，對于初級人員，你可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。其成熟的代碼編輯工具更適用于Web開發(fā)高級人員的創(chuàng)作！
2. Adobe Edge
Adobe Edge是一個用HTML5、CSS、Java開發(fā)動態(tài)互動內(nèi)容的設(shè)計工具。它的一個重要功能是web工具包界面，用于方便確保在不同瀏覽器中架構(gòu)的一致性，此外，Adobe Edge還將整合TypeKit這樣的字體服務(wù)。通過Edge設(shè)計的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器上。
3. DevExtreme
DevExtreme Complete Subion是性能最優(yōu)的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)品的首選工具。
4. JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款Java 開發(fā)工具。被廣大中國JS開發(fā)者譽為“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaS IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
5. 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ù)覽。
0 Comments.