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