HTML的全局屬性

HTML的全局屬性:即所有HTML都擁有的屬性

1.class:樣式

使用:<div class='color border'> 。class屬性可以給標(biāo)簽指定一個(gè)樣式的類,CSS、JS均能通過class來尋找到標(biāo)簽,賦予該標(biāo)簽樣式或者功能。當(dāng)class有多個(gè)值的時(shí)候,用空格隔開每個(gè)值。

2.contenteditable:可編輯

這是一個(gè)無值屬性,當(dāng)標(biāo)簽中出現(xiàn)這個(gè)屬性的時(shí)候,該標(biāo)簽的內(nèi)容就能夠在頁面現(xiàn)實(shí)中進(jìn)行編輯。下面代碼:通過給 <style> 一個(gè) display:block 讓其在頁面中也能夠現(xiàn)實(shí)(<style>必須在<body>中才能實(shí)現(xiàn)),賦予一個(gè) contenteditable 屬性讓其在頁面中可以編輯直接改變 .border的樣式
<body>
  <style contenteditable style="display:block">
    .border{
      border:1px solid red;
      width: 100px;
      height: 100px;
    }
  </style>
  <div class="border"></div>
</body>

3.hidden:隱藏

這也是一個(gè) 無值屬性。當(dāng)標(biāo)簽出現(xiàn)這個(gè)屬性的時(shí)候,其樣式display屬性的值會(huì)變成display:none

4.id:id

id屬性作用也是便于CSS和JS的選擇。非萬不得已的情況下不建議使用id屬性。id屬性在CSS選擇其中沒有唯一性,即:2個(gè)id="HAHA"的標(biāo)簽會(huì)被CSS選擇器同時(shí)選中。但id屬性在JS中具有唯一性,當(dāng)存在2個(gè)相同id時(shí),操作這個(gè)id的 JS代碼會(huì)報(bào)錯(cuò)。另外在JS中,可以直接使用id來進(jìn)行獲取元素,如:id.style.border = "1px solid red"

5.style:行內(nèi)樣式

可以使用style = ""來編輯行內(nèi)樣式,行內(nèi)樣式比內(nèi)聯(lián)樣式,外聯(lián)樣式級(jí)別要高。

6.tabindex:tab切換索引

在網(wǎng)頁中使用 tab鍵 能夠切換到不同的部分,而 tabindex 屬性則是控制這一行為的。
使用:<div tabindex=[number]>。當(dāng)[number]在1~+∞范圍時(shí),tab的切換順序,根據(jù)各標(biāo)簽[number]決定,越小越前,越大越后。其中有個(gè)2個(gè)特殊值:tabindex = 0 等于0的時(shí)候,該元素將是最后一個(gè)被tab到的。 tabindex = -1 等于-1時(shí),該元素將永遠(yuǎn)不會(huì)被tab到。

7.title:標(biāo)題/額外內(nèi)容

<div title=[value]> 當(dāng)鼠標(biāo)懸浮在擁有title屬性的標(biāo)簽上一段時(shí)間后,會(huì)顯示title設(shè)定的內(nèi)容。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • id id屬性是元素在網(wǎng)頁內(nèi)唯一的標(biāo)識(shí)符, 必須是全局且唯一的 id的屬性值不能包含空格 id也可以作為錨點(diǎn)(a...
    意蜀閱讀 600評(píng)論 0 2
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,929評(píng)論 0 0
  • 概要 64學(xué)時(shí) 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,799評(píng)論 0 3
  • 第一部分 開篇 第一章 HTML5背景知識(shí)1 1.1歷史 HTML誕生于20世紀(jì)90年代初,本書重在講H5的幾個(gè)重...
    臥龍Tristan閱讀 2,460評(píng)論 0 0
  • 問答題1 /72瀏覽器頁面有哪三層構(gòu)成,分別是什么,作用是什么?參考答案構(gòu)成:結(jié)構(gòu)層、表示層、行為層分別是:HTM...
    _Yfling閱讀 1,300評(píng)論 0 23

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