RX/XE 팁
XE FAQ 는 제가 XE공홈 '묻고 답하기'에 답변한 내용들 중 일부를 정리한 내용입니다. (대부분이 제가 한 답변이죠)
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
sejin7940
조회:1076 2016.05.01 19:39
출처 | pjh445 |
---|---|
출처URL | http://pjh445.blog.me/220657467908 |
HTML5 data-* 속성은 사용자 정의 데이터를 사용할 수 있습니다.
사용자가 정의할 수 있는 data-* 속성
data-* 속성은 id를 설정할 필요 없이 사용자가 원하는 어떠한 데이터를 사용할 수 있게 합니다.
data-* 속성은 모든 HTML 요소에 속성을 삽입할 수 있으며 스크립트에서도 사용할 수 있습니다.
data-*** 속성의 구성
- 속성의 이름은 대문자를 포함 할 수 없습니다
- 접두사 data- 다음에 적어도 하나의 문자를 포함해야 합니다
예제는 그냥 sejin7940 이 별도로 작성했는데..
<span id="test" data-link="http://sejin7940.co.kr">sejin7940</span>
라고 하고
이를 script 에서 alert(document.getElementById('test').getAttribute('data-link')); 이렇게
또는 jQuery 로는 alert(jQuery('#test').attr('data-link')); 로 사용 가능하다
기존에 이런 편법으로 쓸 때 사용할 수 있는 속성 ( attribute ) 가 굉장히 제한적이여서
억지로 title 속성등을 쓰거나, 개수가 더 필요하면 <input type="hidden" > 로 해서 썼는데...
이제는 개수 제한없이 원하는 위치에 속성을 추가할 수 있어서
script 처리할때 훨씬 유용하게 사용가능하다.