整合營銷服務商

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

          免費咨詢熱線:

          鴻卓課工場—什么是HTML5?

          tml5是指萬維網的核心語言、 標準通用標記語言下的一個應用 超文本標記語言( HTML)的第五次重大修改,2014年10月29日, 萬維網聯盟宣布,經過接近8年的艱苦努力,該標準規范終于制定完成。

          HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特征被引進以支持這一點,如video、audio和canvas 標記。HTML5還引進了新的功能,可以真正改變用戶與文檔的交互方式,包括新的解析規則增強了靈活性、新屬性、淘汰過時的或冗余的屬性等。

          HTML5賦予 網頁更好的意義和結構。更加豐富的標簽將隨著對 RDFa的,微數據與 微格式等方面的支持,構建對程序、對用戶都更有價值的數據 驅動的Web。

          本地存儲特性(Class: OFFLINE & STORAGE)

          基于HTML5開發的網頁 APP擁有更短的啟動時間,更快的聯網速度,這些全得益于HTML5 APP Cache,以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術之一)和 API說明文檔。

          設備兼容特性 (Class: DEVICE ACCESS)

          從 Geolocation功能的API文檔公開以來,HTML5為網頁應用開發者們提供了更多功能上的優化選擇,帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與 應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連,例如視頻影音可直接與microphones及攝像頭相聯。

          連接特性(Class: CONNECTIVITY)

          更有效的連接工作效率,使得基于頁面的實時聊天,更快速的網頁游戲體驗,更優化的在線交流得到了實現。HTML5擁有更有效的服務器推送技術,Server-Sent Event和WebSockets就是其中的兩個特性,這兩個特性能夠幫助我們實現服務器將數據“推送”到客戶端的功能。

          網頁 多媒體 特性(Class: MULTIMEDIA)

          支持網頁端的Audio、Video等多媒體功能, 與網站自帶的APPS,攝像頭,影音功能相得益彰。

          三維、圖形及特效特性(Class: 3D, Graphics & Effects)

          基于SVG、Canvas、WebGL及CSS3的3D功能,用戶會驚嘆于在瀏覽器中,所呈現的驚人視覺效果。

          性能與集成特性(Class: Performance & Integration)

          沒有用戶會永遠等待你的Loading——HTML5會通過 XMLHttpRequest2等技術,解決以前的跨域等問題,幫助您的Web應用和網站在多樣化的環境中更快速的工作。

          CSS3特性(Class: CSS3)

          在不犧牲性能和語義結構的前提下, CSS3中提供了更多的風格和更強的效果。此外,較之以前的Web排版,Web的開放字體格式( WOFF)也提供了更高的靈活性和控制性。

          關于沿革

          HTML5提供了一些新的元素和屬性,例如

          (網站導航塊)和

          。這種標簽將有利于搜索引擎的索引整理,同時更好的幫助小屏幕裝置和視障人士使用,除此之外,還為其他瀏覽要素提供了新的功能,如

          1、取消了一些過時的 HTML4標記

          其中包括純粹顯示效果的標記,如< font>和<center>,它們已經被CSS取代。

          HTML5 吸取了 XHTML2 一些建議,包括一些用來改善文檔結構的功能,比如,新的HTML 標簽 header, footer, dialog, aside, figure 等的使用,將使內容創作者更加語義地創建文檔,之前的開發者在實現這些功能時一般都是使用 div。

          2、將內容和展示分離

          b 和 i 標簽依然保留,但它們的意義已經和之前有所不同,這些標簽的意義只是為了將一段文字標識出來,而不是為了為它們設置粗體或斜體式樣。u,font,center,strike 這些標簽則被完全去掉了。

          3、一些全新的表單輸入對象

          包括日期,URL,Email 地址,其它的對象則增加了對非拉丁 字符的支持。HTML5 還引入了微數據,這一使用機器可以識別的標簽標注內容的方法,使語義Web 的處理更為簡單。總的來說,這些與結構有關的改進使內容創建者可以創建更干凈,更容易管理的網頁,這樣的網頁對搜索引擎,對讀屏軟件等更為友好。

          4、全新的,更合理的Tag

          多媒體對象將不再全部綁定在 object或 embed Tag 中,而是視頻有視頻的Tag,音頻有音頻的 Tag。

          5、本地數據庫

          這個功能將內嵌一個本地的SQL 數據庫,以加速交互式搜索,緩存以及索引功能。同時,那些離線Web 程序也將因此獲益匪淺。不需要插件的豐富動畫。

          6、Canvas 對象

          將給瀏覽器帶來直接在上面繪制 矢量圖的能力,這意味著用戶可以脫離Flash 和Silverlight,直接在瀏覽器中顯示圖形或動畫。

          7、瀏覽器中的真正程序

          將提供 API 實現瀏覽器內的編輯,拖放,以及各種 圖形用戶界面的能力。內容修飾Tag 將被剔除,而使用CSS。

          8、Html5取代Flash在移動設備的地位。

          9、其突出的特點就是強化了web頁的表現性,追加了本地數據庫

          文章來源于網絡

          如有侵權請聯系刪除

          TML5是一種用于構建現代網站和應用程序的最新版本的HTML標準。下面介紹HTML5的15個常用新特性和如何使用它們:

          1.語義標簽:HTML5引入了一些新的語義標簽,如<header><nav><article><section><aside><footer>,用于更好地描述網頁內容的結構。

          2.視頻和音頻:HTML5允許在網頁上嵌入視頻和音頻,通過使用<video><audio>標簽來實現。可以使用controls屬性添加播放器控制條。

          3.畫布:HTML5的<canvas>標簽可以用于在網頁上繪制圖形、動畫和其他復雜的視覺效果。

          4.SVG:HTML5支持可縮放矢量圖形(SVG),可以使用SVG標簽在網頁上繪制矢量圖形和動畫。

          5.地理位置:HTML5允許網頁獲取用戶的地理位置信息,可以使用navigator.geolocation API實現。

          6.Web存儲:HTML5引入了本地存儲機制,包括localStorage和sessionStorage,可以在瀏覽器端存儲數據。

          7.Web Workers:HTML5允許通過Web Workers在后臺線程中執行JavaScript代碼,以提高網頁性能和響應速度。

          8.WebSocket:HTML5引入了WebSocket協議,可以實現瀏覽器和服務器之間的實時通信。

          9.WebRTC:HTML5支持WebRTC技術,可實現瀏覽器之間的點對點音視頻通信。

          10.微數據:HTML5的微數據機制可以讓網頁上的內容更容易被搜索引擎識別和解釋。

          11.拖放:HTML5支持拖放操作,可以使用draggable屬性和ondrag事件實現。

          12.表單控件:HTML5引入了一些新的表單控件,如日期選擇器、顏色選擇器、范圍選擇器等。

          13.歷史API:HTML5的歷史API可以讓網頁在不刷新頁面的情況下改變URL,實現更好的用戶體驗。

          14.全屏API:HTML5的全屏API可以讓網頁全屏顯示,提供更好的視覺效果和用戶體驗。

          15.CSS3:雖然不是HTML5的一部分,但HTML5通常與CSS3一起使用。CSS3提供了更多的樣式和動畫效果,如過渡、變換、動畫等。

          結語

          牽手 持續為你分享各類知識和軟件 ,歡迎訪問、關注、討論 并留下你的小心心?

          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。


          主站蜘蛛池模板: 亚洲国产成人久久一区二区三区| 国产在线精品一区二区中文| 日韩精品一区二三区中文| 中文字幕精品一区二区三区视频| 亚洲中文字幕在线无码一区二区| 国产日韩AV免费无码一区二区| 波霸影院一区二区| 精品少妇一区二区三区在线| 99精品久久精品一区二区| 一区二区在线视频观看| 午夜精品一区二区三区免费视频| 日韩一区二区电影| 国产91精品一区| 精品国产免费观看一区| 无码日韩精品一区二区人妻| 国产高清在线精品一区小说| 亚洲综合无码一区二区三区 | 国产在线aaa片一区二区99| 国产在线不卡一区| 99精品国产一区二区三区不卡 | 任你躁国产自任一区二区三区| 国产成人精品视频一区| 国产一区二区三精品久久久无广告 | 亚洲色偷精品一区二区三区| 久久久国产精品一区二区18禁| 亚洲一区二区三区四区视频| 日韩一区二区三区在线观看| 色久综合网精品一区二区| 日本高清一区二区三区| 99久久精品费精品国产一区二区| 精品少妇人妻AV一区二区三区| 亚洲国产精品第一区二区三区| 亚洲一区在线视频| 中文字幕在线精品视频入口一区| 成人免费视频一区二区三区| 日韩精品无码一区二区三区不卡| 亚洲AⅤ视频一区二区三区| 国产精品99精品一区二区三区 | 成人乱码一区二区三区av| 一区二区传媒有限公司| 无码毛片视频一区二区本码 |