HTML5沒用過的十個功能

2022-06-01 分類：網站建設

Details Tag

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

Content Editable

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

Map

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

Mark Content

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

data-* attribute

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

Output Tag

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

Datalist

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

Range(Slider)

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

Meter

使用標簽測量給定范圍內的數據。
請勿將標簽用于進度條。我們有HTML5的標記。

當前題目：HTML5沒用過的十個功能
標題URL：http://www.2m8n56k.cn/news10/162110.html

成都網站建設公司_創新互聯，為您提供網站導航、響應式網站、全網營銷推廣、域名注冊、外貿建站、網站制作

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区