|
HTML 5是時下Web開發領域炒得火熱的一個術語,是的,很多人都看好它,也有很多業內知名公司開始正式使用HTML 5重新構建自己的網站,如YouTube開始使用HTML 5視頻,Google已經棄用自家的Gears,開始全面擁抱HTML 5實現離線解決方案,各大瀏覽器廠家也紛紛開始支持HTML 5,連被人詬病的微軟也聲稱要在IE 9中增加對HTML 5的支持。本文打算為大家詳細介紹一下如何構建一個完整的HTML 5 Web頁面,以加深對HTML 5的理解。
HTML 5有何不同?
首先我們要明白HTML 5是新的語義結構標記,包括畫布,離線存儲規范和一些新的內聯語義標記,但由于客觀原因(主要是瀏覽器支持的原因),我們不得不限制標記的討論范圍,如畫布,離線存儲,原生視頻或地理定位API等,還不是所有的瀏覽器都支持。
由于新的HTML 5標記大都是結構性的,它們的行為與塊元素有些類似,為了幫助大家加深對HTML 5的理解,我將在下面的內容使用一些新的結構元素。
每個人都應該記住的doctype(文檔類型)
要創建HTML 5 Web頁面的第一件事情是使用新的doctype,你一定記住了HTML 4或XHTML 1.x的doctype,當我們要從舊的文檔通過復制粘貼到新的文檔中,必須要修改doctype,請記住,下面就是HTML 5的doctype:
<!DOCTYPE html>
it知識庫:從零開始構建HTML 5 Web頁面,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。