HTML5沒用過的十個功能

Details Tag

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

Content Editable

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

Map

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

Mark Content

使用標記突出顯示任何文本內(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

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

Datalist

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

Range(Slider)

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

Meter

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

當前題目：HTML5沒用過的十個功能
標題URL：http://bm7419.com/news10/162110.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、響應(yīng)式網(wǎng)站、全網(wǎng)營銷推廣、域名注冊、外貿(mào)建站、網(wǎng)站制作

廣告

聲明：本網(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)