TML5 是繼 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一個重要版本,旨在消除富 Internet 程序(RIA)對 Flash, Silverlight, JavaFX 一類瀏覽器插件的依賴。
HTML5 概要
HTML5 帶來很多新功能,以及 HTML 代碼上的改變,你需要使用一些特定的 API 腳本,如:
DOM
實現(xiàn) 2D 繪圖的 Canvas 對象
可控媒體播放
離線存儲
文檔編輯
拖放
跨文檔消息
瀏覽器歷史管理
MIME 類型和協(xié)議注冊
那些支持 HTML5 的瀏覽器在處理 HTML 代碼錯誤的時候必須更靈活,而那些不支持 HTML5 的瀏覽器將忽略 HTML5 代碼。
TML5是HTML最新的修訂版本,由萬維網(wǎng)聯(lián)盟(W3C)于2014年10月完成標(biāo)準(zhǔn)制定。目標(biāo)是取代1999年所制定的HTML 4.01和XHTML 1.0標(biāo)準(zhǔn),以期能在網(wǎng)際網(wǎng)路應(yīng)用迅速發(fā)展的時候,使網(wǎng)路標(biāo)準(zhǔn)達(dá)到符合當(dāng)代的網(wǎng)路需求。廣義論及HTML5時,實際指的是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合。它希望能夠減少網(wǎng)頁瀏覽器對于需要外掛程式的豐富性網(wǎng)路應(yīng)用服務(wù)(Plug-in-Based Rich Internet Application,RIA),例如:Adobe Flash、Microsoft Silverlight與Oracle JavaFX的需求,并且提供更多能有效加強(qiáng)網(wǎng)路應(yīng)用的標(biāo)準(zhǔn)集。
HTML5添加了許多新的語法特征,其中包括<video>、<audio>和<canvas>元素,同時整合了SVG內(nèi)容。這些元素是為了更容易的在網(wǎng)頁中添加和處理多媒體和圖片內(nèi)容而添加的。其它新的元素如<section>、<article>、<header>和<nav>則是為了豐富文檔的數(shù)據(jù)內(nèi)容。新的屬性的添加也是為了同樣的目的。同時也有一些屬性和元素被移除掉了。一些元素,像<a>、<cite>和<menu>被修改,重新定義或標(biāo)準(zhǔn)化了。同時APIs和DOM已經(jīng)成為HTML5中的基礎(chǔ)部分了。HTML5還定義了處理非法文檔的具體細(xì)節(jié),使得所有瀏覽器和客戶端程序能夠一致地處理語法錯誤。
發(fā)展歷史
網(wǎng)頁超文本技術(shù)工作小組(WHATWG)于2004年開始制定新標(biāo)準(zhǔn)。在當(dāng)時,HTML 4.01自2000年來沒有更新,以及全球資訊網(wǎng)協(xié)會(W3C)正在將未來的發(fā)展重點放在XHTML 2.0。2009年,W3C允許XHTML 2.0工作組章程結(jié)束過期并且決定不再續(xù)訂。W3C與WHATWG合作共同為發(fā)展HTML5而努力。
2004年6月,Mozilla基金會和Opera軟體公司在全球資訊網(wǎng)協(xié)會(W3C)所主辦的研討會上提出了一份立場文件,其重點是開發(fā)與現(xiàn)有瀏覽器向后相容的技術(shù),包括Web Forms 2.0最初草案規(guī)范。研討會最后以——8票贊成,14票反對——否決繼續(xù)對HTML的開發(fā)工作。這引起一些人的不滿,在研討會之后,網(wǎng)頁超文本技術(shù)工作小組(WHATWG)立即根據(jù)該立場文件成立,第二個草案,Web Applications 1.0也公布了。后來這兩種規(guī)范合并形成HTML5。2007年,獲得W3C接納,并成立了新的HTML工作團(tuán)隊。2008年1月22日,第一份公開工作草案發(fā)布。
盡管HTML5已經(jīng)在網(wǎng)絡(luò)開發(fā)人員中非常出名了,但是它成為主流媒體的一個話題是在2010年的4月,當(dāng)時蘋果公司的CEO喬布斯發(fā)表一篇題為“對Flash的思考”的文章,指出隨著HTML5的發(fā)展,觀看影片或其它內(nèi)容時,Adobe Flash將不再是必須的。這引發(fā)了開發(fā)人員間的爭論,包括HTML5雖然提供了加強(qiáng)的功能,但開發(fā)人員必須考慮到不同瀏覽器對標(biāo)準(zhǔn)不同部分的支持程度的不同,以及HTML5和Flash間的功能差異。
特點
標(biāo)記
HTML5提供了一些新的元素和屬性,反映典型的現(xiàn)代用法網(wǎng)站。其中有些是技術(shù)上類似<div>和<span>標(biāo)簽,但有一定含義,例如<nav>(網(wǎng)站導(dǎo)航塊)和<footer>。這種標(biāo)簽將有利于搜索引擎的索引整理、小螢?zāi)谎b置和視障人士使用。同時為其他瀏覽要素提供了新的功能,通過一個標(biāo)準(zhǔn)接口,如<audio>和<video>標(biāo)記。一些過時的HTML 4.01標(biāo)記將取消,其中包括純粹用作顯示效果的標(biāo)記,如<font>和<center>,因為它們已經(jīng)被CSS取代。還有一些透過DOM的網(wǎng)絡(luò)行為。
盡管和SGML在標(biāo)記上的相似性,HTML5的句法并不再基于它了,而是被設(shè)計成向后兼容對老版本的HTML的解析。它有一個新的開始列看起來就像SGML的文檔類型聲明,<!DOCTYPE HTML>,這會觸發(fā)和標(biāo)準(zhǔn)兼容的渲染模式。在2009年1月5日,HTML5添加了Web Form 2.0的內(nèi)容,HTML5開始發(fā)展起來。
新的API
HTML5相關(guān)APIs
除了原先的DOM接口,HTML5增加了更多樣化的應(yīng)用程序接口(API):
Canvas
定時媒體播放
離線
可編輯內(nèi)容
拖放
歷史
MIME和協(xié)議處理程序時表頭登記
微數(shù)據(jù)
網(wǎng)路訊息
網(wǎng)路存儲
以上技術(shù)盡管是WHATWG HTML說明文檔的內(nèi)容,但并沒有全部包括在W3C HTML5的說明文檔里。一些相關(guān)的技術(shù),像下面所列的,并沒有包括在這2份文檔中的任何一份中。W3C給這些技術(shù)單獨出版了說明文檔。
地理位置
網(wǎng)頁SQL數(shù)據(jù)庫 ─ 本地SQL數(shù)據(jù)庫(不再維護(hù))
IndexedDB
文件─ 處理文件上傳和操縱文件
目錄和文件系統(tǒng) ─ 這個API是為了滿足客戶端在沒有好的數(shù)據(jù)庫支持情況下存儲要求
文件寫入 ─ 從網(wǎng)絡(luò)應(yīng)用程序向文件里寫內(nèi)容
網(wǎng)路音頻
ClassList
網(wǎng)路加密
WebRTC
一個普遍的誤解是HTML5能夠在網(wǎng)頁中提供動畫效果,這是不對的,動畫效果是需要配合JavaScript和CSS。然而靜態(tài)HTML5配合CSS可以表示出覆雜的排版結(jié)構(gòu)而且原生支援與影片的混合與控制(控制一般由JavaScript執(zhí)行),因此簡單可以把HTML5單位時間的狀態(tài)理解為動畫的關(guān)鍵影格。
XHTML5(XML-serialized HTML5)
XHTML5是對HTML5的XML序列化。XML文檔必須被設(shè)置為XML互聯(lián)網(wǎng)文件類型,像application/xhtml+xml或者application/xml。XHTML5要求像XML一樣嚴(yán)格的格式化的語法。在XHTML5中,HTML5的<!DOCTYPE HTML>可有可無的。
XHTML5并非XHTML的第5版,沒有自己獨立的標(biāo)準(zhǔn)規(guī)范,而是HTML5的一種序列化方式。XHTML1.x和2.0使用的名字是Extensible HyperText Markup Language,不同于XHTML5。
異常處理
HTML5在設(shè)計時保證舊的瀏覽器能夠安全地忽略掉新的HTML5代碼。與HTML4.01相比,HTML5給出了解析的完整規(guī)則,讓不同的瀏覽器即使在發(fā)生語法錯誤時也能返回完全相同的結(jié)果。
普及率
根據(jù)2011年9月30日發(fā)布的一份報告,全球排名前100的網(wǎng)站中有34個網(wǎng)站使用HTML5──主要是搜尋引擎與社群網(wǎng)站。2013年8月發(fā)布的另一份報告顯示,財富美國500強(qiáng)企業(yè)中已有多達(dá)153家采用HTML5。
HTML 4.01和XHTML 1.x的差異
以下為大略的不同之處,與例子:
文件類型聲明(<!DOCTYPE>)僅有一型:<!DOCTYPE HTML>。
新的解析順序:不再基于SGML。
新的元素:section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr。
input元素的新類型:date, email, url等等。
新的屬性:ping(用于a與area), charset(用于meta), async(用于script)。
全域?qū)傩裕篿d, tabindex, repeat。
新的全域?qū)傩裕篶ontenteditable, contextmenu, draggable, dropzone, hidden, spellcheck。
移除元素:acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。
近年來,HTML5作為移動互聯(lián)網(wǎng)主流前端開發(fā)語言,發(fā)展的如火如荼。目前還沒有一個前端的開發(fā)語言能取代HTML5的位置,HTML5技術(shù)已經(jīng)日趨成熟,HTML5工程師工資一般都不低,前端開發(fā)前景一片光明,值得我們?nèi)W(xué)習(xí)。太多的人想通過HTML5培訓(xùn)在前端開發(fā)方面占得一席之地。那么很多小伙伴有存在疑問,零基礎(chǔ)的自己是否能夠通過參加培訓(xùn),學(xué)成這門技術(shù),順利找到工作。今天千鋒武漢HTML5培訓(xùn)小編為大家分享的文章是關(guān)于零基礎(chǔ)參加HTML5培訓(xùn)是否能學(xué)好這門技術(shù)。
參加HTML5培訓(xùn)之前,你必須了解HTML5是什么?學(xué)習(xí)和掌握HTML5前端之后可以做什么?只有對其概念有了深刻了解之后,才可從中把握要學(xué)習(xí)的方向。相對來說,參加HTML5前端是不需要任何基礎(chǔ)的,也就是說零基礎(chǔ)就可以學(xué)習(xí),但零基礎(chǔ)學(xué)習(xí)也意味著你需要付出更多!
1、HTML5是什么?
從技術(shù)層面來說,所謂的HTML5就是HTML5 + CSS3 + JS的合集。具體的說,是包含一定特效的移動端營銷網(wǎng)頁。也會稱為場景應(yīng)用,有些像手機(jī)PPT。經(jīng)常能見到的形式就是滑動翻頁。
2、HTML5發(fā)展前景
由于HTML5的富媒體化與富應(yīng)用化,目前還沒有一門前端的開發(fā)語言能取代HTML5的主流開發(fā)地位,無論做PC端網(wǎng)站還是App應(yīng)用,前端樣式均由HTML5開發(fā),毫無疑問,至少在10年之內(nèi),HTML5會是Web應(yīng)用的最佳解決方案,移動互聯(lián)網(wǎng)領(lǐng)域的主宰者。從事HTML5相關(guān)開發(fā)工作,就業(yè)前景一片光明。
3、零基礎(chǔ)如何學(xué)習(xí)HTML5?
在數(shù)字營銷或者說移動營銷界,對于沒有超級流量入口,依靠場景互動傳播行為的移動互聯(lián)時代,將HTML5稱為“移動時代內(nèi)容營銷最好的載體和外衣”毫不過分。
零基礎(chǔ)人員想要學(xué)習(xí)HTML5一定要從最基礎(chǔ)的學(xué)起,打好基本功,循序漸進(jìn),付出更多努力。具體如下:
①看Html代碼:Html代碼第一步是一個熟悉的過程,要分析和觀看;
②練Html代碼:在記憶一些Html代碼之后,要學(xué)會利用,很多采用的是對比練習(xí)的方法,一行行來練習(xí)Html代碼;
③記Html代碼:很多人說這一過程很重要。比如說顏色如何表示、結(jié)構(gòu)排序如何表示、超鏈接如何表示、關(guān)鍵詞與標(biāo)題等等如何表示,而這些東西我們都必須將之記憶在大腦之中,通過記憶這個過程要讓自己的頭腦中有豐富的HTML代碼可以隨時利用。
以上內(nèi)容了解之后,HTML5前端所具備的改變用戶與文檔的交互方式新功能,同樣需要了解:
①新的解析規(guī)則增強(qiáng)了靈活性;
②新屬性;
③淘汰過時的或冗余的屬性;
④一個HTML5文檔到另一個文檔間的拖放功能;
⑤離線編輯;
⑥信息傳遞的增強(qiáng);
⑦詳細(xì)的解析規(guī)則;
⑧多用途互聯(lián)網(wǎng)郵件擴(kuò)展(MIME)和協(xié)議處理程序注冊;
⑨在SQL數(shù)據(jù)庫中存儲數(shù)據(jù)的通用標(biāo)準(zhǔn)(Web SQL);
以上就是千鋒武漢HTML5培訓(xùn)小編今天為大家分享的零基礎(chǔ)參加HTML5培訓(xùn)可以學(xué)好HTML5嗎?希望本篇文章能夠?qū)ο胍獙W(xué)習(xí)HTML5技術(shù)的小伙伴提供思路,其實千鋒武漢HTML5培訓(xùn)小編認(rèn)為只要自己下定決心,努力學(xué)習(xí),一定會有所收獲的。加油!
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。