html5 新增属性了解
2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
autofocus ??獲取焦點(diǎn)
<input type="text" name="fname" autofocus>?頁(yè)面加載 input框自動(dòng)獲取焦點(diǎn)
類似于js中的 $("input").focus();
charset="gb2312" ? 編碼格式
<meta charset="utf-8" />
<small> </small> 定義聲明性文字(免責(zé)聲明、注意事項(xiàng)、法律法規(guī)。。)
<sub></sub> 定義下標(biāo)文本
<sup></sup> 定義上標(biāo)文本
<bdo></bdo> 文本顯示方向 dir="ltr" (從左向右排)或者rtl(從右向左排 )
html5 新增語(yǔ)義標(biāo)簽
<abbr title=""></abbr> 內(nèi)容縮寫 title中是原所有文字
<address></address> 表示一個(gè)地址
<blockquote cite=""></blockquote> 定義一段長(zhǎng)的引用 cite引用網(wǎng)址 (帶換行)
<q></q>定義一個(gè)短的引用文本(不帶換行)
<cite></cite> 作品標(biāo)題
<code></code>計(jì)算機(jī)代碼
<dfn></dfn>專業(yè)術(shù)語(yǔ)
<del></del>被刪除的文本
<ins></ins> 插入的文本
<datetime></datetime> 文本被刪除或插入的日期、時(shí)間
<pre></pre>表示該元素所包含的文本已經(jīng)進(jìn)行了“預(yù)格式化”
<samp></samp>定義示范文本內(nèi)容
<kbd></kbd> 定義鍵盤文本
<var></var>表示一個(gè)變量
html5 新增的通用屬性
contentEditable 將元素中的內(nèi)容變?yōu)榭删庉嫚顟B(tài),(具有可繼承性特點(diǎn))
contentEditable="true"?
οnclick="this.contentEditable=true;"
isContentEditable 判斷當(dāng)前元素是否可編輯 返回true/false
designMode 相當(dāng)于一個(gè)全局的contentEditable屬性,如果把designMode屬性設(shè)為on則頁(yè)面中所有支持contentEditable 屬性的元素 都變成可編輯狀態(tài),默認(rèn)為off
hidden 屬性瀏覽器中隱藏元素 hidden="true" 相當(dāng)于 display="none"
<p?id="test">0123456789</p> <button?οnclick="var?test=document.getElementById('test');test.hidden=!test.hidden">顯示/隱藏</button>
spellcheck 為input 與 textarea 元素的新屬性,瀏覽器對(duì)用戶輸入的文本內(nèi)容執(zhí)行輸入檢查,如果檢查不通過(guò),瀏覽器會(huì)對(duì)拼錯(cuò)的單詞進(jìn)行提示。(火狐不支持)
spellcheck="true"
轉(zhuǎn)載于:https://my.oschina.net/u/2393989/blog/3028613
總結(jié)
以上是生活随笔為你收集整理的html5 新增属性了解的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 21_异常_第21天(异常、企业面试题,
- 下一篇: 如何使用Data Lake Analyt