• <acronym id="danlv"><form id="danlv"></form></acronym>
  • <dd id="danlv"><rt id="danlv"></rt></dd>
      <var id="danlv"><rt id="danlv"><big id="danlv"></big></rt></var>
      1. <code id="danlv"><ol id="danlv"></ol></code>
        <var id="danlv"><rt id="danlv"></rt></var>
          1. <code id="danlv"></code>
            返回首頁
            當前位置: 主頁 > 網絡編程 > .Net實例教程 >

            HTML5新特性及標簽標記概要

            時間:2014-04-09 11:36來源:知行網www.n1979.com 編輯:麥田守望者

            在IE9使用HTML5標準并僅支持H.264視頻格式,不再支持FLASH,不過天緣感覺有點不可思議,應該是仍然兼容插件支持FLASH才對,畢竟取代FLASH不可能一朝一夕就會完成,Adobe的FLASH也是費了九牛二虎之力才有今天的市場,IE9如果完全不支持FLASH會讓IE很被動,而Google近期也宣布Android 2.2將正式支持Flash平臺,還好Adobe還是有個緩沖的時間,郁悶是肯定的,因為FLASH的前途肯定不容樂觀(微軟的Silverlight也是一樣),FLASH只是Adobe的產品,要讓位給HTML標準服務也是大勢所趨,只可惜壯士未捷身先死(還未來得及收費)。

            很多從事WEB前端開發的網友都對現有HTML(HyperText Markup Language)結構都有意見,比如音視頻播放、表單檢查、列表框初始化、控件的動態增減及嵌套、XML表單提交等等,在現有的HTML結構上要實現這些功能,要手動檢查和設計諸多重復性且極易出錯的格式代碼,音視頻播放還需要考慮兼容多種瀏覽器類型,而且由于早前標準應用混亂導致開發人員總是要在兼容性上花費太多的時間和精力。

            HTML5作為下一代WEB開發標準即將到來,成為主流的日子也已不遠,它會不會真的如預期那樣解決這些問題?雖然要徹底拋棄FLASH、完全實現HTML5還需要很多年,但從IE9(Windows 8)發布的時刻起,HTML5因該就會開啟新的篇章,瀏覽器對HTML5的兼容問題根本不用擔心,他們會因為商業利益問題一夜之間就可以解決。

            下面天緣總結了一些HTML5新特性及新標記知識,跟大家一同分享,由于時間和篇幅關系,下文標記并不完整,如需了解更多內容,可以參考文末的參考鏈接。

            上一版本HTML標記一覽表:HTML標記一覽表及用法說明

            一、HTML版本歷史

            1993年06月 超文本標記語言(第一版)
            1995年11月 HTML 2.0(RFC 1866)
            1996年01月 HTML 3.2,W3C推薦標準
            1997年12月 HTML 4.0,W3C推薦標準(1999年12月,發布HTML 4.01,也是W3C推薦標準)
            2000年1月 XHTML 1.0,W3C推薦標準
            2000年05月 ISO HTML,是國際標準化組織(ISO)和國際電工委員會(IEC)標準
            2010年01月 HTML 5.0公共草案,已被W3C采納,HTML5的正式標準發布希望今生能夠看到。

            注:以上標準版本并不完整,主要是因為HTML規范版本的修正混亂及普及效果差強人意,所以造就今天群魔亂舞一般的兼容效果。WEB前端開發人員花費太多的精力在兼容性調整和測試上。

             

            二、HTML 5的新特性

            HTML 5應用相比HTML 4更加成熟,總的來說HTML 5改進點有以下幾個方面:

            1、增強HTML表單功能、引入更多靈活的段落標簽、新功能標簽。

            2、用戶交互性增強,如details、datagrid、menu、command等屬性,相關:網頁編程中如何動態的添加刪除表格行

            3、引入<canvas>標簽,并支持直接用腳本繪圖。

            4、沙盒機制,隔離潛在的威脅。可有效防止訪問父頁面DOM、讀寫Cookie、本地存儲數據庫等。

            5、內建3D技術支持,無需插件即可將網頁3D化,還規定了一套適合網頁使用的3D圖形接口界面,支持腳本化運行。

            6、引入更多創建Web應用的API,如文件拖放、視頻播放、音頻播放、離線Web應用等。

             

            三、HTML 5結構標記概要

            1、HTML 5類型標記

            HTML 5類型標記:<!DOCTYPE html>,非常精簡的一句話。

            2、META數據

            包括:head、title、base、link、meta、style、script等元素

            3、主體組成結構

            增加以下標簽:

            header 頁面頭部,不同與<head></head>
            aside 邊欄
            nav 外部鏈接集合
            section 章節或段落
            article 類似文章、摘要或留言POST等形式的記錄(一般搭配內嵌頭部、尾部、底部結構使用)
            hggroup 類似子標題,標題信息、可選標題、TAG標簽這樣的數據,還是英文更好理解一些,heading of a section
            address 聯系信息,一般用在article或body錨元素周圍
            footer 頁腳

            4、群組內容及文本元素

            A、群組元素包括:p, hr, br, pre, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption, div, 增加figure和figcaption元素

            B、文本元素包括a, em, strong, small, cite, q, dfn, abbr, time, code, var, samp, kbd, sub和sups, i, b, mark, ruby, rt, rp, bdo, span。

            5、嵌入內容

            嵌入內容包括:img, iframe, embed, object, param, video, audio, source, Media, canvas, map,area等,其中Media請參考鏈接說明,canvas用來繪圖。

            6、Web開發API

            Web開發API調用包括:canvas 2D繪圖、定時播放、離線存儲、文件拖放、MIME和協議句柄注冊等方面。

            HTML5元素完整列表請參考文章:HTML5元素標記一覽及用法介紹,本文圖片來源GOOGLE圖片搜索。

            ------分隔線----------------------------
            標簽(Tag):html5 HTML html技巧 html實例教程 html源代碼 html基礎教程
            ------分隔線----------------------------
            推薦內容
            猜你感興趣
            日韩在线av免费视久久