HTML 5新元素:
全局屬性單詞:
accesskey--(@傻史key--快捷)--設(shè)置鍵盤快捷鍵
class--規(guī)定元素的類名?
contenteditable--(坑廳踢踏浦--)--規(guī)定是否可編輯元素的內(nèi)容。值:true? false
data-* --用于存儲頁面的自定義數(shù)據(jù)
dir--設(shè)置元素中文本方向 ?
dragable--(拽葛瀑--拖拽)--屬性規(guī)定元素是否可拖動。提示:鏈接和圖像默認(rèn)是可拖動的。<element?drag gable="true|false|auto">
hidden? ? <element?hidden>
spellcheck--(死標(biāo)查克--拼音檢查) ? ? 屬性規(guī)定是否對元素內(nèi)容進(jìn)行拼寫檢查。
title? ? 屬性規(guī)定關(guān)于元素的額外信息。 <element ? ??title="text">
<canvas>--(康我屎,畫布)--標(biāo)簽定義圖形,比如圖表和其他圖像。該標(biāo)簽基于 JavaScript 的繪圖 API
canvas擁有以下屬性 weidth heidht,以及全局屬性.?
<audio>--(哦屌,音頻)--定義音頻.
語法:<audio ? ?autoplay="autoplay">
屬性:autoplay(自動播放)
?controls(控制條) ? ? ?
?loop(連續(xù)播放)? ??
muted(妙踢特--靜音) ? ? ? ??
reload(V路特---是否默認(rèn)被加載)? ?
? src(音頻路徑)
<video>--(V屌,視頻)--定義視頻
語法: <video ?width="320" ?height="240" ?controls> <source ? src="movie.mp4" type="video.mp4"></source></video>
屬性: 與音頻相同 ?增加了width和height.
<source>--(嗦史,資源)--定義媒體資源
語法:<source ? src="video.mp4" ? type="video.mp4"></source>
屬性: media(瀏覽器都不支持) ? ? src(指定路徑) ? type(規(guī)定資源的類型)
<embed>--()--定義了一個容器,用來嵌入外部應(yīng)用或者互動程序(插件)。
語法:<embed ?src="helloworld.sef">
屬性:
width
height ?
src ??
type
<datalist>--(數(shù)據(jù)列表)--定義選項(xiàng)列表。請與 input 元素配合使用該元素,來定義 input 可能的值。
語法:<datalist ?id="aa"><option ?value="寶馬"></option></datalist>
注意:請使用 input元素的 list 屬性來綁定 元素。
新的語義和結(jié)構(gòu)元素
<article>--(哦提扣--文章)--定義頁面獨(dú)立的內(nèi)容區(qū)域
<aside>--(嗯曬特--在旁邊)--的內(nèi)容應(yīng)該與附近的內(nèi)容相關(guān)
<aside>標(biāo)簽定義</aside>
提示:內(nèi)容可用作文章的側(cè)欄。
<figure>--(飛葛--圖形)--元素標(biāo)記文檔中的一個圖像
<figure><img></figure>
<footer>--()--標(biāo)簽定義文檔或者文檔的一部分區(qū)域的頁腳。
<header>--(頭部)--標(biāo)簽定義文檔或者文檔的一部分區(qū)域的頁眉。
注釋:標(biāo)簽不能被放在<footer>或者<address>另一個<header>元素內(nèi)部。
<mark>--(馬克--標(biāo)記)--標(biāo)簽定義帶有記號的文本。
用法:<mark>我被標(biāo)記了,可以修改我的顏色之類的屬性<mark>
<ruby>--(烏比--)--在中國使用,顯示的是東亞字符的發(fā)音
將<ruby>? 標(biāo)簽與<rt>和<rp>標(biāo)簽一起使用<ruby>漢<rp>(</rp><rt>kan</rt><rp>)</rp></ruby>
<section>--(攝順--章節(jié))--標(biāo)簽定義了文檔的某個區(qū)域。比如章節(jié)、頭部、底部或者文檔的其他區(qū)域。
<time>--()--定義日期或時間
<input>--()--定義表單有關(guān)數(shù)字屬性:?
disabled (輸入字段是禁用的) ? ??
max(規(guī)定允許的最大值)?
?maxlength(最大長度)
?min(規(guī)定允許的最小值) ??
pattern(用于驗(yàn)證輸入字段的模式) ??
?readonly(輸入字段的值無法修改)
required-(規(guī)定輸入字段的值是必須的) ??
size(規(guī)定輸入字段的可見字符數(shù)) ??
step(規(guī)定輸入字段的合)
value ?(規(guī)定輸入字段的默認(rèn)值)
有關(guān)表單提交的屬性:??
autocomplete ()??
novalidate(規(guī)定在提交表單是不驗(yàn)證form和input的域)
auto focus--(否卡史--焦點(diǎn))(規(guī)定在頁面加載時,域自動地獲取焦點(diǎn))
?form action(會覆蓋之前的active屬性)
form enctype(會覆蓋enctype屬性)
form method(會覆蓋method屬性)
form novalidate(會覆蓋novalidate屬性)
form target(會覆蓋target屬性)
multiple--(謀提浦--許多的)(規(guī)定input元素中可選擇多個值 用于文件上傳)
placeholder--占位符(簡短的提示在用戶輸入值前會顯示在輸入域上)
required(屬性規(guī)定必須在提交之前填寫輸入域(不能為空)。)?
localStorage 對象存儲的數(shù)據(jù)沒有時間限制。第二天、第二周或下一年之后,數(shù)據(jù)依然可用。
sessionStorage 方法針對一個 session 進(jìn)行數(shù)據(jù)存儲。當(dāng)用戶關(guān)閉瀏覽器窗口后,數(shù)據(jù)會被刪除。
保存數(shù)據(jù):localStorage.setItem(key,value);
讀取數(shù)據(jù):localStorage.getItem(key);
刪除單個數(shù)據(jù):localStorage.removeItem(key);
刪除所有數(shù)據(jù):localStorage.clear();
得到某個索引的key:localStorage.key(index);