<data>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨2017ë 10ìâ©.
HTML <data> ììë 주ì´ì§ ì½í
ì¸ ë¥¼ 기ê³ê° ì½ì ì ìë í´ì본과 ì°ê²°í©ëë¤. ì½í
ì¸ ê° ìê° í¹ì ë ì§ ê´ë ¨ ì ë³´ë¼ë©´ ëì <time> ìì를 ì¬ì©íì¸ì.
ìëí´ ë³´ê¸°
<p>New Products:</p>
<ul>
<li><data value="398">Mini Ketchup</data></li>
<li><data value="399">Jumbo Ketchup</data></li>
<li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>
data:hover::after {
content: " (ID " attr(value) ")";
font-size: 0.7em;
}
| ì½í ì¸ ì¹´í ê³ ë¦¬ | íë¡ì° ì½í ì¸ , 구문 ì½í ì¸ , ëë ·í ì½í ì¸ . |
|---|---|
| ê°ë¥í ì½í ì¸ | 구문 ì½í ì¸ . |
| íê·¸ ìëµ | ë¶ê°ë¥, ììê³¼ ëì í그를 ì¶ê°íë ê²ì íìì ëë¤. |
| ê°ë¥í ë¶ëª¨ ìì | 구문 ì½í ì¸ ë¥¼ íì©íë 모ë ìì. |
| ê°ë¥í ARIA ìí | 모ë |
| DOM ì¸í°íì´ì¤ | HTMLDataElement |
í¹ì±
ì´ ììë ì ì í¹ì±ì í¬í¨í©ëë¤
value-
기ê³ê° ì½ì ì ìë ííì ì½í ì¸ í´ì본.
ìì
ë°ì ìì ë ìíì ì´ë¦ì íìíë©´ì, ê°ê°ì ìí ë²í¸ë ì°ê²°í©ëë¤.
html
<p>ìë¡ì´ ìíë¤</p>
<ul>
<li><data value="398">미ë ì¼ì°¹</data></li>
<li><data value="399">ì ë³´ ì¼ì°¹</data></li>
<li><data value="400">ë©ê° ì ë³´ ì¼ì°¹</data></li>
</ul>
ëª ì¸
| Specification |
|---|
| HTML # the-data-element |
ë¸ë¼ì°ì í¸íì±
ê°ì´ 보기
- HTML
<time>ìì.