html屬性

accesskey

  • accesskey 屬性規(guī)定激活(使元素獲得焦點)元素的快捷鍵。
  • 以下元素支持 accesskey 屬性:<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。
    eg:
<a  accesskey="a">百度</a>
//按下alt+a打開鏈接

class

  • class 屬性規(guī)定元素的類名(classname)。
  • class 屬性大多數(shù)時候用于指向樣式表中的類(class)。不過轧膘,也可以利用它通過 JavaScript 來改變帶有指定 class 的 HTML 元素。
  • class 屬性不能在以下 HTML 元素中使用:base, head, html, meta, param, script, style 以及 title兔甘。
  • 可以給 HTML 元素賦予多個 class谎碍,例如:<span class="left_menu important">。這么做可以把若干個 CSS 類合并到一個 HTML 元素裂明。

contenteditable

  • 設(shè)置元素內(nèi)容可編輯
  • 如果元素未設(shè)置 contenteditable 屬性椿浓,那么元素會從其父元素繼承該屬性。
<p contenteditable="true">asdadsasdasdasdasd</p>

contextmenu

  • 該屬性規(guī)定div元素的上下文菜單闽晦,點擊元素時出現(xiàn)
  • 但是該元素不常用扳碍,目前值有Firefox支持該屬性

data-*

  • 用于存儲頁面自定義的信息
<ul>
    <li data-test="aaaaa">aaaaa</li>
    <li data-test="bbbbb">bbbbb</li>
    <li data-test="ccccc">ccccc</li>
</ul>
<script>
    const nodes=document.getElementsByTagName('li');
    for(let value of nodes){
        console.log(value.dataset.test)
        //value.dataset.test="ddddd"進行設(shè)置
    }
</script>

dir

  • 規(guī)定文本方向(不常用)
  • 屬性值為rtl或者ltr
  • dir 屬性在以下標(biāo)簽中無效:<base>,
    , <frame>, <frameset>,
    , <iframe>, <param> 以及 <script>。
    eg:
<p dir="rtl">Write this text right-to-left!</p>

draggable

  • 設(shè)置元素可拖動
  • img與a默認(rèn)可拖動
<p draggable="true">
    hello world!
</p>

dropzone

  • 規(guī)定在拖動是是否進行移動仙蛉、復(fù)制或鏈接
  • 然而所有主流瀏覽器都不支持這個屬性

hidden

  • hidden 屬性是布爾屬性笋敞。(只要設(shè)置就表示true)
  • 如果設(shè)置該屬性,它規(guī)定元素仍未或不再相關(guān)荠瘪。
  • 瀏覽器不應(yīng)顯示已規(guī)定 hidden 屬性的元素夯巷。
  • hidden 屬性也可用于防止用戶查看元素,直到匹配某些條件(比如選擇了某個復(fù)選框)哀墓。然后趁餐,JavaScript 可以刪除 hidden 屬性,以使此元素可見篮绰。
<p hidden>這個段落應(yīng)該被隱藏后雷。</p>

id

  • id 屬性規(guī)定 HTML 元素的唯一的 id。
  • id 在 HTML 文檔中必須是唯一的吠各。
  • id 屬性可用作鏈接錨(link anchor)臀突,通過 JavaScript(HTML DOM)或通過 CSS 為帶有指定 id 的元素改變或添加樣式。

lang

spellcheck

  • spellcheck 屬性規(guī)定是否對元素進行拼寫和語法檢查贾漏。
  • 可以對以下內(nèi)容進行拼寫檢查:
    • input 元素中的文本值(非密碼)
    • <textarea> 元素中的文本
    • 可編輯元素中的文本

style

  • style 屬性規(guī)定元素的行內(nèi)樣式(inline style)
  • style 屬性將覆蓋任何全局的樣式設(shè)定候学,例如在 <style> 標(biāo)簽或在外部樣式表中規(guī)定的樣式。

tabindex

  • tabindex 屬性規(guī)定元素的 tab 鍵控制次序(當(dāng) tab 鍵用于導(dǎo)航時)纵散。
  • 以下元素支持 tabindex 屬性:<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>梳码。
    eg:
<a  tabindex="2">W3School</a>
<a  tabindex="1">Google</a>
<a  tabindex="3">Microsoft</a>

title

  • title 屬性規(guī)定關(guān)于元素的額外信息隐圾。
  • 這些信息通常會在鼠標(biāo)移到元素上時顯示一段工具提示文本(tooltip text)。
  • title 屬性常與 form 以及 a 元素一同使用边翁,以提供關(guān)于輸入格式和鏈接目標(biāo)的信息翎承。同時它也是 abbr 和 acronym 元素的必需屬性。

translate

  • 用于翻譯元素內(nèi)容
  • 所有主流瀏覽器都不支持該屬性
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末符匾,一起剝皮案震驚了整個濱河市叨咖,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌啊胶,老刑警劉巖甸各,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異焰坪,居然都是意外死亡趣倾,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進店門某饰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來儒恋,“玉大人,你說我怎么就攤上這事黔漂〗刖。” “怎么了?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵炬守,是天一觀的道長牧嫉。 經(jīng)常有香客問我,道長减途,這世上最難降的妖魔是什么酣藻? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮鳍置,結(jié)果婚禮上辽剧,老公的妹妹穿的比我還像新娘。我一直安慰自己税产,他們只是感情好抖仅,可當(dāng)我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著砖第,像睡著了一般。 火紅的嫁衣襯著肌膚如雪环凿。 梳的紋絲不亂的頭發(fā)上梧兼,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天,我揣著相機與錄音智听,去河邊找鬼羽杰。 笑死渡紫,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的考赛。 我是一名探鬼主播惕澎,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼颜骤!你這毒婦竟也來了唧喉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤忍抽,失蹤者是張志新(化名)和其女友劉穎八孝,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鸠项,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡干跛,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了祟绊。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片楼入。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖牧抽,靈堂內(nèi)的尸體忽然破棺而出嘉熊,到底是詐尸還是另有隱情,我是刑警寧澤阎姥,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布记舆,位于F島的核電站,受9級特大地震影響呼巴,放射性物質(zhì)發(fā)生泄漏泽腮。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一衣赶、第九天 我趴在偏房一處隱蔽的房頂上張望诊赊。 院中可真熱鬧,春花似錦府瞄、人聲如沸碧磅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鲸郊。三九已至,卻和暖如春货邓,著一層夾襖步出監(jiān)牢的瞬間秆撮,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工换况, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留职辨,地道東北人盗蟆。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像舒裤,于是被迫代替她去往敵國和親喳资。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,864評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案腾供? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 13,751評論 1 92
  • 基本屬性 基本屬性主要包括以下三個仆邓,這三個基本屬性大部分元素都擁有。 class:定義類規(guī)則或樣式規(guī)則id:定義元...
    二十三歲的夢閱讀 1,189評論 0 0
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,055評論 0 1
  • 一台腥、樣式篇 第1章 初識jQuery (1)環(huán)境搭建 進入官方網(wǎng)站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,380評論 0 44
  • 早上宏赘,在輔導(dǎo)孩子作業(yè)的時候,手機上任務(wù)挑戰(zhàn)失敗的提醒讓我大吃一驚黎侈,竟然沒有挑戰(zhàn)成功2焓稹?這個結(jié)果讓我感覺沮喪峻汉。因此整...
    小小山藥閱讀 232評論 2 0