This page was translated from English by the community.Learn more and join the MDN Web Docs community.
<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;}특성
이 요소는전역 특성을 포함합니다
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>요소.