HTML 데이터 - * 속성
예
* 데이터 -를 사용하여 사용자 정의 데이터를 포함하는 속성 :
<UL>
<리 데이터 동물 형 = "새"> 올빼미 </ 리>
<리 = "물고기"데이터 동물 형> 연어 </ 리>
<리 데이터 동물 형 = "거미"> 독 </ 리>
</ UL>
<리 데이터 동물 형 = "새"> 올빼미 </ 리>
<리 = "물고기"데이터 동물 형> 연어 </ 리>
<리 데이터 동물 형 = "거미"> 독 </ 리>
</ UL>
»시도
브라우저 지원
모든 주요 브라우저는 데이터 - * 속성을 지원합니다.
정의 및 사용
데이터 - * 속성은 사용자 정의 데이터를 적용한 후에는 개인 페이지를 저장하는 데 사용됩니다.
데이터 - * 속성 데이터가 어떤 HTML 요소에 삽입 될 수있다.
사용자 정의 데이터 페이지가 더 나은 상호 작용 경험 (서버에 아약스 또는 쿼리 데이터를 사용할 필요가 없습니다)를 가지고 만들 수 있습니다.
데이터 - * 속성은 두 부분으로 구성되어 있습니다 :
- 대문자 속성 이름을 포함하지 마십시오 데이터 - 적어도 하나의 문자가 있어야합니다.
- 이 속성은 임의의 문자열이 될 수 있습니다
참고 : 사용자 정의 앞에 속성 "데이터 -"클라이언트에 의해 무시됩니다.
HTML 4.01과 HTML5의 차이점
HTML5는 속성이 추가됩니다 * 데이터 -.
문법
<요소 데이터 - * = "someValue와">
속성 값
값 | 기술 |
---|---|
someValue와 | 지정된 속성 값 (문자열) |
HTML 글로벌 속성