整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          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。


          TML5是HTML最新的修訂版本,由萬維網聯盟(W3C)于2014年10月完成標準制定。目標是取代1999年所制定的HTML 4.01和XHTML 1.0標準,以期能在互聯網應用迅速發展的時候,使網絡標準達到符合當代的網絡需求。

          HTML5添加了許多新的語法特征,其中包括<video>、<audio>和<canvas>元素,同時集成了SVG內容。這些元素是為了更容易的在網頁中添加和處理多媒體和圖片內容而添加的。其它新的元素如<section>、<article>、<header>和<nav>則是為了豐富文檔的數據內容。新的屬性的添加也是為了同樣的目的。同時也有一些屬性和元素被移除掉了。一些元素,像<a>、<cite>和<menu>被修改,重新定義或標準化了。同時APIs和DOM已經成為HTML5中的基礎部分了。HTML5還定義了處理非法文檔的具體細節,使得所有瀏覽器和客戶端程序能夠一致地處理語法錯誤。


          發展歷史

          2004年網頁超文本技術工作小組(WHATWG)開始制定新標準。

          2009年W3C與WHATWG合作共同為發展HTML5而努力。

          2004年6月,宣布第二個草案Web Applications 。后來這兩種規范合并形成HTML5。

          2007年,獲得W3C接納,并成立了新的HTML工作團隊。

          2008年1月22日,第一份公開工作草案發布。

          2014年10月28日,W3C正式發布HTML 5.0推薦標準。


          新特性

          HTML5將Web帶入一個成熟的應用平臺,在這個平臺上,視頻、音頻、圖像、動畫以及與設備的交互都進行了規范。


          智能表單

          表單是實現用戶與頁面后臺交互主要組成部分,HTML5在表單的設計上功能更加強大。input類型和屬性的多樣性大大地增強了HTML可表達的表單形式,再加上新增加的一些表單標簽,使得原本需要JavaScript來實現的控件,可以直接使用HTML5的表單來實現;一些如內容提示、焦點處理、數據驗證等功能,也可以通過HTML5的智能表單屬性標簽來完成。


          繪圖畫布

          HTML5的canvas元素可以實現畫布功能,該元素通過自帶的API結合使用JavaScript腳本語言在網頁上繪制圖形和處理,擁有實現繪制線條、弧線以及矩形,用樣式和顏色填充區域,書寫樣式化文本,以及添加圖像的方法,且使用JavaScript可以控制其每一個像素。HTML5的canvas元素使得瀏覽器無需Flash或Silverlight等插件就能直接顯示圖形或動畫圖像。


          多媒體

          HTML5最大特色之一就是支持音頻視頻,在通過增加了<audio>、<video>兩個標簽來實現對多媒體中的音頻、視頻使用的支持,只要在Web網頁中嵌入這兩個標簽,而無需第三方插件(如Flash)就可以實現音視頻的播放功能。HTML5對音頻、視頻文件的支持使得瀏覽器擺脫了對插件的依賴,加快了頁面的加載速度,擴展了互聯網多媒體技術的發展空間。


          地理定位

          現今移動網絡備受青睞,用戶對實時定位的應用越來,要求也越來越高。HTML5通過引入Geolocation的API可以通過GPS或網絡信息實現用戶的定位功能,定位更加準確、靈活。通過HTML5進行定位,除了可以定位自己的位置,還可以在他人對你開放信息的情況下獲得他人的定位信息。


          數據存儲

          HTML5較之傳統的數據存儲有自已的存儲方式,允許在客戶端實現較大規模的數據存儲。為了滿足不同的需求,HTML5支持DOM Storage和Web SQL Database 兩種存儲機制。其中,DOM Storage 適用于具有key/value對的基本本地存儲;而WebSQLDatabase是適用于關系型數據庫的存儲方式,開發者可以使用SQL語法對這些數據進行查詢、插入等操作。


          多線程

          HTML5利用Web Worker將Web應用程序從原來的單線程業界中解放出來,通過創建一個Web Worker對象就可以實現多線程操作。JavaScript創建的Web程序處理事務都是在單線程中執行,響應時間較長,而當JavaScript過于復雜時,還有可能出現死鎖的局面。HTML5新增加了一個WebWorkerAPI,用戶可以創建多個在后臺的線程,將耗費較長時間的處理交給后臺面不影響用戶界面和響應速度,這些處理不會因用戶交互而運行中斷。使用后臺線程不能訪問頁面和窗口對象,但后臺線程可以和貞面之間進行數據交互。子線程與子線程之間的數據交互,大致步驟如下:①先創建發送數據的子線程;②執行子線程任務,把要傳遞的數據發送給主線程;③在主線程接受到子線程傳遞回的消息時創建接收數據的子線程,然后把發送數據的子線程中返回的消息傳遞給接收數據的子線程;④執行接收數據子線程中的代碼。

          念:

          HTML5 是HTML、XHTML 以及 HTML DOM 的新標準(推薦標準)。

          語法:

          根據HTML5設計化繁為簡的準則,文檔類型和字符說明都進行了簡化:

          <!DOCTYPE html>
          <meta charset='UTF-8'>
          .......
          

          HTML5元素

          HTML5定義了一組新的語義化標記來描述元素的內容。

          header 標記頭部區域的內容。
          footer 標記腳部區域的內容
          section 頁面中的一塊區域
          article 獨立的文章內容
          aside 相關內容或者引文
          nav 導航類
          video:定義視頻,比如 電影片段或其他視頻流
          <video src='movie.ogg' controls='controls'>video元素</video>
          audio:定義音頻,比如音樂或其他音頻流 
          <audio src='audio.wav'>audio元素</audio>
          ...........
          

          HTML5其他功能

          HTML5引入了一種用于用于查找頁面DOM元素的selectors API。

          document.querySelector("#demo")--->返回文檔中匹配指定 CSS 選擇器的第一個元素。
          document.querySelectorAll("#demo")--->返回文檔中匹配指定 CSS 選擇器的所有元素。
          

          html5文檔結構代碼

          html5 有什么神奇? 就是進化的一套標準。

          我是不是整理的都好初級,不過整理即鞏固加回憶,只要是好好學習,那么時間就不是浪費,那么道路就一定是正確的??!加油啊 小果凍de邁阿密!!


          主站蜘蛛池模板: 国产情侣一区二区| 亚洲AV日韩综合一区尤物| 亚洲国产精品成人一区| 中文字幕一区二区日产乱码| 亚洲国产精品一区二区久久| 亚洲AV无码一区二三区 | 精品国产AⅤ一区二区三区4区| 免费日本一区二区| 国产精品第一区第27页| 国产一区二区在线视频播放| 日产精品久久久一区二区| 国产在线不卡一区二区三区| 国产精品日韩一区二区三区 | 国产拳头交一区二区| 国产对白精品刺激一区二区| 久久免费区一区二区三波多野| 中文字幕在线观看一区二区| 国产高清精品一区| 精品女同一区二区三区在线| 精品国产AV无码一区二区三区| 伊人色综合网一区二区三区| 97精品一区二区视频在线观看| 人妻体内射精一区二区三四| 人妻aⅴ无码一区二区三区| 亚洲国产精品一区二区第一页免| 亚洲国产欧美国产综合一区| 日韩一区二区三区射精| 国产一区视频在线| 无码人妻品一区二区三区精99| 国产在线精品一区二区不卡| 午夜天堂一区人妻| 色狠狠AV一区二区三区| 日韩精品无码一区二区三区免费| 国产精品xxxx国产喷水亚洲国产精品无码久久一区 | 鲁大师成人一区二区三区| 国产综合无码一区二区色蜜蜜| 国产伦精品一区二区三区免费下载| 亚洲另类无码一区二区三区| 日韩精品免费一区二区三区| 波霸影院一区二区| 麻豆果冻传媒2021精品传媒一区下载|