A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from http://developer.mozilla.org/ko/docs/Web/HTML/Reference/Elements/data below:

<data> - HTML: Hypertext Markup Language

<data>

Baseline Widely available

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

기계가 읽을 수 있는 형태의 콘텐츠 해석본.

예제

밑의 예제는 상품의 이름을 표시하면서, 각각의 상품 번호도 연결합니다.

<p>새로운 상품들</p>
<ul>
  <li><data value="398">미니 케찹</data></li>
  <li><data value="399">점보 케찹</data></li>
  <li><data value="400">메가 점보 케찹</data></li>
</ul>
명세 브라우저 호환성 같이 보기

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4