ATTRIBUTES

Draft
  • bug_report

Attributes

속성

계층 탐색

  • Common by tag

    태그에 따라 공통으로 사용하는 속성
    • autoplay

      비디오, 오디오 미디어에 대한 자동 재생을 설정한다.
    • controls

      비디오나 오디오를 제어하기 위한 UI를 표시한다.
    • crossorigin

      교차출처(CORS) 정책에 따라 리소스를 가져올지를 나타낸다.
    • height

      요소의 세로 크기를 픽셀(pixels)을 기본 단위로 해서 지정한다.
    • href

      하이퍼링크를 위한 연결 URL을 설정한다.
    • loop

      비디오나 오디오 재생이 끝나면 처음으로 돌아가서 다시 재생한다.
    • name

      요소를 식별할 수 있는 값을 지정한다.
    • preload

      미디오 요소(video, audio)로 사용되는 리소스에 대한 네트워크 작업 방식을 지정한다.
    • src

      사용할 리소스의 경로를 설정한다.
    • target

      하이퍼링크 또는 기타 연결을 설정하는 경우 연결된 리소스를 여는 방식을 지정한다.
    • type

      다양한 태그에서 사용되는 속성이며 태그에 따라 처리되는 값을 '유형/타입' 형식 또는 지정된 키워드로 지정한다.
    • width

      요소의 가로 크기를 픽셀(pixels)을 기본 단위로 해서 지정한다.
  • Globals

    대부분의 모든 태그에서 공통으로 사용하는 속성
    • data-*

      사용자 데이터를 지정하는 특별한 속성이다. DOM으로 데이터를 받아 자바스크립트 로직에 사용할 수 있다.
    • draggable

      요소의 드래그(drag) 가능 여부를 설정한다.
    • id

      요소를 식별할 수 있는 고유 값을 설정한다.
    • title

      요소에 마우스 포인터를 올리면 말풍선으로 내용으로 출력한다.
  • Private properties

    태그에 따른 전용 속성
    • async

      자바스크립트가 웹 문서에 포함이 되지만 웹 문서와는 완전하게 독립적으로 동작하도록 한다.
    • defer

      웹브라우저가 스크립트 문서를 분석한 후 DOMContentLoaded가 발생되기 이전에 실행하도록 한다.
    • for

      레이블에 연결될 요소의 id를 설정한다.
    • form

      레이블과 연관된 <form> 요소의 id를 설정한다. 따라서 레이블의 위치는 <form> 요소의 하위일 필요는 없다.
    • nomodule

      ES6의 module을 지원하는 웹브라우저에서 실행하지 않을 스크립트임을 나타낸다.
    • poster

      비디오가 재생되기 전 보여질 이미지를 명시적으로 지정한다.