HTML5基本特征
向前兼容
H5向前兼容H4,H4可以直接在H5環境下運行,瀏覽器若不支持H5的新特新則會替換成相應的H4。
如表單輸入類型若不支持新的type則轉換為text類型。
跨平臺運行
PC,手機,平板等支持H5的都可以無障礙運行H5運用,對H5游戲開發特別有利
簡單易用
提供更加簡單易用的特性。如屬性可以大寫可以小寫,屬性值可以用單引號也可以用雙引號(推薦使用小寫屬性,屬性值用雙引號括起)
用戶友好性
H5的新特性提升了用戶的友好性和體驗程度。
多媒體標簽,canvas標簽等元素,地理位置服務,本地數據存儲,文件上傳和離線應用等。
H5新功能
簡化的DOC TYPE聲明
H4對DOC TYPE的聲明:
- 嚴格版:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd">
- 過渡板:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/html4/loose.dtd">
- 框架版:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3c.org/TR/html4/frameset.dtd">
H5中的定義:<!DOCTYPE html>
簡化的編碼字符集
H4中:<meta http="Content-Type" content="text/html;charset=utf-8">
H5中:<meta charseet="utf-8">
簡化腳本和樣式的引入
H5中引入:
<link rel="stylesheet" href="path/to/target.css" />
<script src="target.js"></script>
```
## 新增的全局屬性
contenteditable:用于將HTML元素設置為可編輯狀態,讓用戶可以實時編輯HTML元素。值有 true 和 false 。true為可編輯
spellcheck:對用戶的輸入進行拼寫檢查,語法檢查不通過事瀏覽器使用下劃線來提示。值有 true 和 false。
draggable:元素是否可拖動。值為 true 和 false
dropzone:規定被拖動元素被拖動時發生的動作。值為 copy,link,move:copy創建一個拖動元素的副本,move拖動元素移動到一個新的位置,link 創建拖動元素的一個鏈接
hidden:隱藏HTML元素。值為 hidden
## 語義化標簽之文檔元素
* header。定義文檔結構的頁眉,通常和Hn hgroup標簽組合表示一個內容快的標題。或者包含一個搜索框,導航欄,logo等欄目
* footer。定義文檔頁腳,表示文檔作者信息、相關鏈接、版權資料等。
* hgroup。定義文檔中的標題組。內容快由主標題和多個副標題組成
* nav。 定義文檔導航區域,用于文檔的主導航,對于側邊欄目錄搜索樣式或者上一篇下一篇等不適用。
* article。定義文檔中自成一體的內容。
* section。 定義文檔結構中的章節內容。與article可相互嵌套。
* aside。 通常作為article標簽中主要內容的附屬信息部分,比如文章里面的參考文獻
## 語義化標簽之文本元素
* b。 定義加粗文本。
* i。定義斜體文本。
* u。定義下劃線文本。
* code。定義代碼段。
* q。定義引用文本。
* cite。定義引用文本,不過通常是書記或雜志的標題。
* time。時間顯示文本,datetime屬性表示具體的時間戳,pubdate=“pubdate”表示是否為特定文檔的發布時間。
* blockquote。 標記長引用文本。
* pre。定義預定義格式化文本。保留空格和換行