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