라몽(●'◡'●)디자이너
Home
  • 분류 전체보기 (61)
    • 디자인 (1)
      • 실무 (0)
      • 공부 (0)
    • UIUX분석 (0)
    • 코딩스터디 (60)
      • Markup (0)
      • CSS (12)
      • Javascript (28)
      • jQuery (11)
      • .etc (7)
      • wordpress (2)
      • PHP (0)
Home
  • 분류 전체보기 (61)
    • 디자인 (1)
      • 실무 (0)
      • 공부 (0)
    • UIUX분석 (0)
    • 코딩스터디 (60)
      • Markup (0)
      • CSS (12)
      • Javascript (28)
      • jQuery (11)
      • .etc (7)
      • wordpress (2)
      • PHP (0)
블로그 내 검색

라몽(●'◡'●)디자이너

코딩/웹디자인에 대한 정보를 다룹니다.

  • 코딩스터디/CSS

    전역속성 - data

    2021. 5. 29.

    by. 라몽(●'◡'●)디자이너

     

    data속성

    - 사용자 정의 데이터 속성을 지정

    - 일반적으로 JavaScript에서 이용할 수 있는 데이터(정보)를 HTML에 저장하는 용도로 사용

    ---> HTML에서 보관하고 있다가 자스에서 필요할 때 활용 가능

     

    - data-*에서 data-*이후 *부분에는 원하는 명칭을 지정할 수 있음.

    /* 사용법 */
    data-"속성의 이름"
    

     

    사용예시

     

     

     

     

     

    [블로그 참고]

     

    https://blog.naver.com/webdeveloping/222214753103

     

    [HTML] 전역 속성(5) - data

    ▶ data-* ● 사용자 정의 데이터 속성을 지정. ● 일반적으로 JavaScript에서 이용할 수 있는 데이터(정...

    blog.naver.com

    https://blog.naver.com/goqkfkrl0108/221543280738

     

    HTML5 data 속성_마크업에서 스크립트로 정보를 전달하는 것

    멘붕 이야기 16 이번 주는 골프 관련 어플과 홈페이지를 만들고 있다. 어플은 골프 레슨 예약하고, 골프장 ...

    blog.naver.com

     

     

    반응형

    '코딩스터디 > CSS' 카테고리의 다른 글

    flex 정리  (0) 2021.06.29
    html 파비콘(favicon) 만들기 / 사이트 적용  (0) 2021.06.18
    css 다양한 클리핑 마스크 적용  (0) 2021.05.03
    css filter속성  (0) 2021.05.01
    트랜지션, 애니메이션 속성정리  (0) 2021.04.22

    댓글

    관련글

    • flex 정리 2021.06.29
    • html 파비콘(favicon) 만들기 / 사이트 적용 2021.06.18
    • css 다양한 클리핑 마스크 적용 2021.05.03
    • css filter속성 2021.05.01
    맨 위로
전체 글 보기
  • GitHub
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

Powered by ⓒ Kakao Corp.

블로그 이미지
라몽(●'◡'●)디자이너

티스토리툴바