H5和HTML5有什么關(guān)系
首先H5 != HTML5安拟, H5 是一個(gè)產(chǎn)品名詞 , HTML5 是一個(gè)技術(shù)名詞宏邮。
H5指的不是HTML5,而是某種在微信等移動端看上去很酷炫能夠提升公司逼格的單個(gè)頁面的網(wǎng)站等等。 所以我們在談?wù)揌5的時(shí)候梅尤,實(shí)際上是一種解決方案展东。他包括Html5赔硫、Css3以及HTML、CSS盐肃、JS等前端知識爪膊。
什么是HTML5
</br>
HTML5并不是一項(xiàng)技術(shù),而是一個(gè)標(biāo)準(zhǔn)砸王。HTML5 是對 HTML 標(biāo)準(zhǔn)的第五次修訂推盛,目前仍未完工。其主要的目標(biāo)是將互聯(lián)網(wǎng)語義化谦铃,以便更好地被人類和機(jī)器閱讀耘成,并同時(shí)提供更好地支持各種媒體的嵌入。HTML5 的語法是向后兼容的驹闰。
新特性和新增標(biāo)簽
. 1 新特性
. 1 簡潔的DOCTYPE <!DOCTYPE html>就可以告訴瀏覽器這個(gè)一個(gè)HTML文檔瘪菌。
. 2 簡單易記的語言標(biāo)簽:你并不需要在<html> 中使用xmlns 或xml:lang標(biāo)記。<html lang=”en”> 將對HTML5 有效嘹朗。
. 3 簡單易記的編碼類型:你現(xiàn)在可以在meta 標(biāo)簽中使用”charset”:<meta charset=”utf-8″ />
. 4 某些便簽可以不用閉合
. 5 更加語義化的標(biāo)簽 header(頭部), section(片段) , footer(底部), aside(側(cè)邊欄) , nav(導(dǎo)航條) , main(主體) , article(文章) , figure(圖片) 等师妙。
. 6 新增了音頻和視頻標(biāo)簽 video 和 audio 元素
音頻: ogg (ogg, oga), mp3, wav, AAC
視頻: ogg (ogv), H.264 (mp4)
. 7 新的input表單控件,比如 calendar屹培、date默穴、time、email褪秀、url壁顶、search
. 8 2D/3D 制圖
. 9 本地存儲
. 10 本地SQL數(shù)據(jù)
. 11 Web 應(yīng)用
. 2 新標(biāo)簽
讓低版本的 IE 支持 HTML5新標(biāo)簽
<!--[if lt IE9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]--> // 必須放在head標(biāo)簽內(nèi)
header , section , footer , aside , nav , main , article , figure
{
display:block;
}
input 有哪些新增類型
1. color
2. date
3. email
4. number
5. range
6. search
7. tel
8. mailto