久久久久久久视色_18人成视频网站网址_久久九九国外免费视频_a级女少妇bbw

HTML5沒用過的十個(gè)功能

2020/10/29 9:03:56   閱讀:2580    發(fā)布者:2580


Details Tag


標(biāo)簽提供隨需應(yīng)變的細(xì)節(jié)內(nèi)容給用戶。如果需要按需向用戶顯示內(nèi)容,請(qǐng)使用此標(biāo)記。默認(rèn)情況下,詳細(xì)內(nèi)容是關(guān)閉的。打開后,它將展開并顯示其中的內(nèi)容。
標(biāo)簽與一起使用,來為它指定一個(gè)可見的標(biāo)題。

Content Editable


contenteditable是可以在元素上設(shè)置以使內(nèi)容可編輯的屬性
可以與DIV,P,UL等元素一起使用。您必須像這樣指定它:。
注意,如果contenteditable未在元素上設(shè)置屬性,則會(huì)從其父級(jí)繼承該屬性。
可以使span或div元素可編輯,并且可以使用CSS樣式向其添加任何豐富的內(nèi)容。這將比使用input 輸入框更好。試一試!

Map


標(biāo)簽可以幫助定義image map,image map是其中具有一個(gè)或多個(gè)可單擊區(qū)域的任何圖像。map標(biāo)簽與標(biāo)簽一起確定可點(diǎn)擊區(qū)域。可點(diǎn)擊區(qū)域可以是矩形,圓形或多邊形區(qū)域中的任意一種。如果您未指定任何形狀,它將默認(rèn)整個(gè)圖像。

Mark Content

使用標(biāo)記突出顯示任何文本內(nèi)容。
您始終可以使用CSS更改突出顯示顏色,
mark {
background-color: green;
color: #FFFFFF;
}

data-* attribute


data-*屬性用于存儲(chǔ)頁面或應(yīng)用程序?qū)S玫淖远x數(shù)據(jù)??梢栽贘avaScript代碼中使用存儲(chǔ)的數(shù)據(jù)來創(chuàng)建更多的用戶體驗(yàn)。
data- *屬性由兩部分組成:
? 屬性名稱不得包含任何大寫字母,并且前綴“ data-”后必須至少長(zhǎng)一個(gè)字符
? 屬性值可以是任何字符串
注意:要在JavaScript中讀取這些屬性的值,可以使用getAttribute(),但是規(guī)范定義了一種更簡(jiǎn)單的方法:使用dataset屬性。

Output Tag


標(biāo)簽表示運(yùn)算的結(jié)果。通常,此元素定義一個(gè)區(qū)域,該區(qū)域?qū)⒂糜陲@示某些計(jì)算得出的文本。
如果要在客戶端JavaScript中執(zhí)行任何計(jì)算,并且希望結(jié)果反映在頁面上,請(qǐng)使用標(biāo)記。您不必走動(dòng)使用可獲取元素的額外步驟:getElementById()。

Datalist


標(biāo)簽指定了預(yù)先定義的選項(xiàng)列表,并允許用戶添加更多。它提供了一項(xiàng)autocomplete功能,使您可以提前輸入所需的選項(xiàng)。
與傳統(tǒng)-標(biāo)簽有何不同?Select標(biāo)記用于從選項(xiàng)中選擇一個(gè)或多個(gè)項(xiàng)目,您需要瀏覽列表以進(jìn)行選擇。Datalist是具有自動(dòng)完成支持的高級(jí)功能。也就是說Datalist標(biāo)簽不僅可以選擇,還可以輸入

Range(Slider)


range具有滑塊,范圍選擇的輸入類型

Meter


使用標(biāo)簽測(cè)量給定范圍內(nèi)的數(shù)據(jù)。
請(qǐng)勿將標(biāo)簽用于進(jìn)度條。我們有HTML5的標(biāo)記。