> For the complete documentation index, see [llms.txt](https://shhn0509.gitbook.io/html-and-css/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shhn0509.gitbook.io/html-and-css/html/undefined-20.md).

# 데이터 요소

## 특징 

* 데이터 요소는 프로그램이 정보를 처리하기 위한 목적으로 사용된다. 
* 예를들어 상품의 고유 번호가 있을 때, 사용자는 그 번호 정보 만으로 해당 상품이 무엇인지 알 수 없다. 그래서 해당 상품의 번호는 `<date>` 요소의 `value` 속성을 으로 입력해주어 프로그램이 해당 정보를 해석할 수 있도록 한다.&#x20;

## 예시&#x20;

```markup
<p>새로운 상품들</p>
<ul>
 <li><data value="398">미니 케찹</data></li>
 <li><data value="399">점보 케찹</data></li>
 <li><data value="400">메가 점보 케찹</data></li>
</ul>
```

## 참고

* \[MDN] [\<date>](https://developer.mozilla.org/ko/docs/Web/HTML/Element/data)
* [\<date> 요소 사용 방법 설명 및 예시(답변 확인 하기)](https://fast-frontend.hashcode.co.kr/questions/5301/data-%ED%83%9C%EA%B7%B8%EB%A5%BC-%EC%93%B0%EB%8A%94-%EC%9D%B4%EC%9C%A0%EA%B0%80-%EA%B6%81%EA%B8%88%ED%95%A9%EB%8B%88%EB%8B%A4)