HTML 5新元素--屬性--屬性值

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>

id

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);

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,534評論 19 139
  • 接上 關(guān)于HTML/HTML5(一)http://www.itdecent.cn/p/33fc7840c079 學(xué)...
    Amyyy_閱讀 896評論 0 4
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,111評論 1 92
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,526評論 1 41
  • 我愿沿著旖旎的鮮花小路 到達(dá)心靈深處的花海王國 那里繁花璀璨 炫若星河 無聲 只有深深的寧靜 無言 只有無限的美好...
    芊帆在線閱讀 366評論 2 8

友情鏈接更多精彩內(nèi)容