html5是什么，干什么用的?

HTML5是一種web標記語言，用于開發(fā)網(wǎng)頁使用。HTML是web應用中一種”超文本標記語言（HTML）“的第五次重大修改，我們將這次修改后的HTML標準，稱之為"HTML5"。

創(chuàng)新互聯(lián)服務項目包括滄州網(wǎng)站建設、滄州網(wǎng)站制作、滄州網(wǎng)頁制作以及滄州網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案，滄州網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到滄州省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

html5就是包括HTML、CSS和JavaScript在內(nèi)的一套技術組合，強化了Web網(wǎng)頁的表現(xiàn)性能。其次，追加了本地數(shù)據(jù)庫等 Web 應用的功能。所以說未來HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標準。但是HTML5 仍處于完善之中。然而，大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持。

拓展資料：

萬維網(wǎng)的核心語言、標準通用標記語言下的一個應用超文本標記語言（HTML）的第五次重大修改。

2014年10月29日，萬維網(wǎng)聯(lián)盟宣布，經(jīng)過接近8年的艱苦努力，該標準規(guī)范終于制定完成。

標準通用標記語言下的一個應用HTML標準自1999年12月發(fā)布的HTML4.01后，后繼的HTML5和其它標準被束之高閣，為了推動Web標準化運動的發(fā)展，一些公司聯(lián)合起來，成立了一個叫做 Web Hypertext Application Technology Working Group （Web超文本應用技術工作組 -WHATWG） 的組織。

WHATWG 致力于 Web 表單和應用程序，而W3C（World Wide Web Consortium，萬維網(wǎng)聯(lián)盟） 專注于XHTML2.0。

在 2006 年，雙方?jīng)Q定進行合作，來創(chuàng)建一個新版本的 HTML。

百度百科_html5

HTML5簡介以及發(fā)展歷程

簡介

萬維網(wǎng) 的核心語言、 標準通用標記語言 下的一個應用 超文本標記語言 （ HTML ）的第五次重大修改（這是一項推薦標準、外語原文： W3C Recommendation、見本處 參考資料 原文內(nèi)容：[1]

）。

2014年10月29日， 萬維網(wǎng)聯(lián)盟 宣布，經(jīng)過接近8年的艱苦努力，該標準規(guī)范終于制定完成。

發(fā)展歷程

標準通用標記語言 下的一個應用 HTML 標準自1999年12月發(fā)布的HTML4.01后，后繼的HTML5和其它標準被束之高閣，為了推動Web標準化運動的發(fā)展，一些公司聯(lián)合起來，成立了一個叫做 Web Hypertext Application Technology Working Group （Web 超文本 應用技術工作組 - WHATWG ） 的組織。WHATWG 致力于 Web 表單和應用程序，而 W3C （World Wide Web Consortium， 萬維網(wǎng) 聯(lián)盟） 專注于 XHTML 2.0。在 2006 年，雙方?jīng)Q定進行合作，來創(chuàng)建一個新版本的 HTML。

HTML5草案的前身名為 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接納，并成立了新的 HTML 工作團隊。

HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍處于完善之中。然而，大部分 現(xiàn)代瀏覽器 已經(jīng)具備了某些 HTML5 支持。

2012年12月17日， 萬維網(wǎng)聯(lián)盟 （W3C）正式宣布凝結了大量網(wǎng)絡工作者心血的HTML5規(guī)范已經(jīng)正式定稿。根據(jù)W3C的發(fā)言稿稱：“HTML5是開放的Web網(wǎng)絡平臺的奠基石?！?/p>

2013年5月6日， HTML 5.1正式草案公布。該規(guī)范定義了第五次重大版本，第一次要修訂 萬維網(wǎng) 的核心語言：超文本標記語言（ HTML ）。在這個版本中，新功能不斷推出，以幫助Web應用程序的作者，努力提高新元素互操作性。

本次草案的發(fā)布，從2012年12月27日至今，進行了多達近百項的修改，包括HTML和XHTML的標簽，相關的 API 、 Canvas 等，同時HTML5的圖像img標簽及svg也進行了改進，性能得到進一步提升。

支持Html5的瀏覽器包括 Firefox （火狐瀏覽器）， IE9 及其更高版本， Chrome （谷歌瀏覽器）， Safari ，Opera等；國內(nèi)的傲游瀏覽器（Maxthon），以及基于IE或 Chromium （Chrome的工程版或稱實驗版）所推出的 360瀏覽器 、 搜狗瀏覽器 、 QQ瀏覽器 、 獵豹瀏覽器 等國產(chǎn)瀏覽器同樣具備支持HTML5的能力。

在移動設備開發(fā)HTML5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。

JavaScript 引擎的構建方法讓制作手機網(wǎng)頁游戲成為可能。由于界面層很復雜，已預訂了一個 UI 工具包去使用。

純HTML5手機應用運行緩慢并錯漏百出，但優(yōu)化后的效果會好轉。盡管不是很多人愿意去做這樣的優(yōu)化，但依然可以去嘗試。

HTML5手機應用的最大優(yōu)勢就是可以在網(wǎng)頁上直接 調(diào)試 和修改。原先應用的開發(fā)人員可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重復編碼、調(diào)試和運行，這是首先得解決的一個問題。因此也有許多手機雜志客戶端是基于HTML5標準，開發(fā)人員可以輕松調(diào)試修改。

2014年10月29日，萬維網(wǎng)聯(lián)盟淚流滿面地宣布，經(jīng)過幾乎8年的艱辛努力，HTML5標準規(guī)范終于最終制定完成了，并已公開發(fā)布。

在此之前的幾年時間里，已經(jīng)有很多開發(fā)者陸續(xù)使用了HTML5的部分技術， Firefox 、 Google Chrome 、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5，但直到今天，我們才看到“正式版”。

HTML5將會取代1999年制定的HTML 4.01、XHTML 1.0標準，以期能在互聯(lián)網(wǎng)應用迅速發(fā)展的時候，使網(wǎng)絡標準達到符合當代的網(wǎng)絡需求，為桌面和移動平臺帶來無縫銜接的豐富內(nèi)容。

W3C CEO Jeff Jaffe博士表示：“HTML5將推動Web進入新的時代。不久以前，Web還只是上網(wǎng)看一些基礎文檔，而如今，Web是一個極大豐富的平臺。我們已經(jīng)進入一個穩(wěn)定階段，每個人都可以按照標準行事，并且可用于所有瀏覽器。如果我們不能攜起手來，就不會有統(tǒng)一的Web?！?/p>

HTML5還有望成為夢想中的“開放Web平臺”(Open Web Platform)的基石，如能實現(xiàn)可進一步推動更深入的跨平臺Web應用。

接下來，W3C將致力于開發(fā)用于實時通信、 電子支付 、應用開發(fā)等方面的標準規(guī)范，還會創(chuàng)建一系列的隱私、安全防護措施。

W3C還曾在2012年透露說，計劃在2016年底前發(fā)布HTML 5.1。

如何用Html5中的canvas模擬三維小球運動動畫

下面詳細解釋都在源碼中:

!doctype htmlhtmlheadmeta charset="utf-8"title無標題文檔/titlestyle#canvas{ background:#eee;}/style/headbodycanvas id='canvas' width="500" height='500'/canvasscriptwindow.onload=function(){ var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); //平移,主要是將坐標軸平移到中間,為了畫圓定位方便 context.translate(250,250); //定義焦距 var fos = 300; //存放小球的數(shù)組 var arr = []; for(var i = 0 ; i 8 ; i++){ var arcObj = { //半徑,用隨機數(shù)目的是讓每個小球大小不一 r:10+5*Math.random(), //起始X坐標 x:-200+i*30, //起始Y坐標 y:-100+200*Math.random(), //起始Z坐標,這里需要理解,我們要構造的是一個三維立體小球的運動 //則X,Y軸不能表達空間感,你需要充分的想象Z坐標軸是順著你的眼睛的就是Z軸 z:i*10, //小球的運行速度 speed:20 } arr.push(arcObj); } setInterval(function(){ //清除畫布,每次畫之前先將上次的清除掉.然后繪出本次的,就可以形成動畫效果. context.clearRect(-250,-250,500,500); //將arr排序,sort()的參數(shù)則是作為一種比較規(guī)則 var newArr = arr.sort(function (a,b){ return a.z b.z }); //循環(huán)繪出剛才定義的幾個小球 for(var i = 0 ; i newArr.length ; i++){ //z軸的變化,每次變化都是 速度*時間+z = z;由于speed未定義單位,則時間可忽略 arr[i].z += arr[i].speed; //讓小球來回彈跳 if(arr[i].z 600 || arr[i].z -50){ arr[i].speed *= -1; } //這里的縮放比例,一定要注意,你要想象你眼前有個球垂直從遠處飛來,逐漸變大的過程,Z軸不斷增加.焦距就想象成從最初你到球的距離,通過運動后,現(xiàn)在到球的距離和焦距就可以形成縮放比例. var scales = fos/(fos+arr[i].z); var x1 = arr[i].x*scales; var y1 = arr[i].y*scales; //保存之前的context繪圖環(huán)境,即后續(xù)可以用context.restore方法可以恢復, //目的是讓下面的context變化不影響其他的畫圖樣式. context.save(); //平移X,Y 也可以不用平移X,Y只要在下面的畫圓中定義相應的X,Y也能達到相同的目的 context.translate(x1,y1); //將坐標軸縮放,目的是讓小球的大小發(fā)生視覺上的變化. context.scale(scales,scales); context.beginPath(); //定義放射性顏色漸變 var colorObj = context.createRadialGradient(0,0,0,0,0,arr[i].r); colorObj.addColorStop(0,'#cbc0f3'); colorObj.addColorStop(1,'#06198b'); context.fillStyle=colorObj; context.arc(0,0,arr[i].r,0,Math.PI*2); context.fill(); context.restore(); } },50);}/script/body/html

主要要理解焦距的概念,實際開發(fā)過程中,可能X軸,Y軸都有小球的運動速度分量,那才能在運動的過程中轉彎,撞墻等特效.

什么是 HTML5?

TML5是什么？

HTML5是指第5代HTML（超文本標記語言），也指用HTML5語言制作的一切數(shù)字產(chǎn)品。

網(wǎng)上的網(wǎng)頁，多數(shù)都是由HTML寫成的。

“超文本”是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

而“標記”指的是這些超文本必須由包含屬性的開頭與結尾標志來標記。

瀏覽器通過解碼HTML，就可以把網(wǎng)頁內(nèi)容顯示出來。

下圖中就很清晰的指出了H5的涵蓋范圍：

HTML5之所以能引發(fā)如此廣泛的效應，根本在于它不再只是一種標記語言，它為下一代互聯(lián)網(wǎng)提供了全新的框架和平臺，包括提供免插件的音視頻、圖像動畫、本體存儲以及更多酷炫而且重要的功能，并使這些應用標準化和開放化，從而使互聯(lián)網(wǎng)也能夠輕松實現(xiàn)類似桌面的應用體驗。