HTML5跟HTML相比新增了很多內(nèi)容,其中有一些特性是作為開發(fā)人員必須要了解的。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、成都小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了武岡免費建站歡迎大家使用!
在網(wǎng)上有一個叫“秒秒學(xué)”的教學(xué)網(wǎng)站上有專門針對HTML5的課程,推薦可以觀看;
新增的具體內(nèi)容如下:
1、新的文檔類型 ?(New Doctype);
2、腳本和鏈接無需type;
3、更加語義化的元素;
4、占位符(Placeholder);
5、Audio 和Video 支持;
6、離線 存儲;
7、HTML5 canvas;
8、設(shè)備訪問。
HTML5對比傳統(tǒng)HTML有很多的新特性,包括了
1、語義化標簽:對比之前HTML沒有體現(xiàn)結(jié)構(gòu)語義化的標簽,如:div id="header"/div,HTML5提供語義化標簽,如:headerarticlefooternavasidesection等
2、增強型表單:多個新的表單 Input 輸入類型,如:color,url,date等這些新特性提供了更好的輸入控制和驗證。新增表單元素,如:output,用于用于不同類型的輸出,比如計算或腳本輸出。新增表單屬性,如:placehoder 屬性,簡短的提示在用戶輸入值前會顯示在輸入域上。即我們常見的輸入框默認提示,在用戶輸入后消失。
3、新增視頻 video 和音頻 audio 標簽
4、Canvas繪圖
5、SVG繪圖
6、地理定位
7、拖放API
8、Web Worker
9、Web Storage
10、WebSocket
特性
A. 語義特性(Class:Semantic)
HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。更加豐富的標簽將隨著對RDFa的,微數(shù)據(jù)與微格式等方面的支持,構(gòu)建對程序、對用戶都更有價值的數(shù)據(jù)驅(qū)動的Web。
B. 本地存儲特性(Class: OFFLINE STORAGE)
基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間,更快的聯(lián)網(wǎng)速度,這些全得益于HTML5 APP Cache,以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術(shù)之一) 和API說明文檔。