HTML5沒用過的十個功能

Details Tag

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

Content Editable

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

Map

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

Mark Content

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

data-* attribute

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

Output Tag

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

Datalist

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

Range(Slider)

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

Meter

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

當(dāng)前標(biāo)題：HTML5沒用過的十個功能
文章源于：http://muchs.cn/news/162110.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站收錄、定制開發(fā)、動態(tài)網(wǎng)站、面包屑導(dǎo)航、網(wǎng)頁設(shè)計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)