..

Search

<data>

HTML <data> 태그


정의 및 특징

<data> 태그는 특정 콘텐츠에 기계가 읽을 수 있는(machine-readable) 형태의 값(value)을 덧붙여 나타낼 때 사용합니다.

 

<data> 요소는 데이터 처리를 위해 기계가 읽을 수 있는 형태의 값과 브라우저에 표시되어 사람이 읽을 수 있는 형태의 값을 모두 제공합니다.

단, 해당 콘텐츠가 시간이나 날짜와 관련된 데이터라면 <data> 요소 대신 <time> 요소를 사용해야 합니다.


예제
<ol>
    <li><data value="448">작은 마요네즈</data></li>
    <li><data value="449">큰 마요네즈</data></li>
    <li><data value="450">업소용 마요네즈</data></li>
</ol>

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<data> 62.0 지원함 지원하지 않음 22.0 지원하지 않음 49.0

HTML5에서 변경된 사항

<data> 태그는 HTML5에서 새롭게 추가된 요소입니다.


사용할 수 있는 속성

속성명   속성값 설명

value

 

기계가 읽을 수 있는 형태의 값

<data> 요소의 콘텐츠를 기계가 읽을 수 있는 형태의 값으로 명시함.


DOM 인터페이스

interface HTMLDataElement : HTMLElement {

  attribute DOMString value;

};


연습문제