HTML 기초 정리(23) - <data> 데이터

프로그램/HTML

HTML 기초 정리(23) - <data> 데이터

길동무 2024. 12. 11. 21:15

728x90

정의 및 사용법

태그 <data>는 주어진 콘텐츠에 대한 기계가 읽을 수 있는 번역을 추가하는 데 사용됩니다.

이 요소는 데이터 프로세서를 위한 기계가 읽을 수 있는 값과 브라우저에서 렌더링하기 위한

사람이 읽을 수 있는 값을 모두 제공합니다.

팁: 콘텐츠가 시간이나 날짜와 관련된 경우 대신 <time> 요소를 사용하세요.

속성

속성	값	설명
value	기계가 읽을 수 있는 형식	요소의 내용에 대한 기계 판독 가능한 번역을 지정합니다.

예시

<!DOCTYPE html>
<html>
<body>

<h1>The data element</h1>

<p>The following example displays product names but also associates each name with a product number:</p>

<ul>
  <li><data value="21053">Cherry Tomato</data></li>
  <li><data value="21054">Beef Tomato</data></li>
  <li><data value="21055">Snack Tomato</data></li>
</ul>

</body>
</html>