본문 바로가기

HTML

HTML <data> 태그

반응형

정의 및 특징

・<data> 태그는 특정 콘텐츠에

 기계가 읽을 수 있는(machine-readable)

 형태의 값(value)을 덧붙여 나타낼 때 사용한다

 

・<data> 요소는

 데이터 처리를 위해 기계가 읽을 수 있는 형태의 값과

 브라우저에 표시되어 사람이 읽을 수 있는 형태의 값을

 모두 제공한다

 단, 해당 콘텐츠가

 시간이나 날짜와 관련된 데이터라면

 <data> 요소 대신 <time> 요소를 사용해야 한다

 

・<data> 태그는 HTML5에서 새롭게 추가된 요소이다

 

 

지원하는 브라우저

62.0 지원함 지원하지 않음 22.0 지원하지 않음 49.0

 

속성

속성명 속성값 설명
value 기계가 읽을 수 있는 형태의 값 <data> 요소의 콘텐츠를 기계가 읽을 수 있는 형태의 값으로 명시한다

 

예제

<ol>
    <li><data value="0">마요네즈</data></li>
    <li><data value="1">작은 마요네즈</data></li>
    <li><data value="2">큰 마요네즈</data></li>
</ol>

 

 

■HTML 태그 레퍼런스
HTML 태그 레퍼런스 - MAIN 돌아가기

 

 

반응형

'HTML' 카테고리의 다른 글

HTML <details> 태그  (0) 2023.06.12
HTML <datalist> 태그  (0) 2023.06.11
HTML <colgroup> 태그  (1) 2023.06.09
HTML <col> 태그  (0) 2023.06.09
HTML <code> 태그  (0) 2023.06.08