계층 탐색

• Common by tag

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

  • autoplay

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

  • controls

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

  • crossorigin

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

  • height

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

  • href

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

  • loop

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

  • name

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

  • preload

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

  • src

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

  • target

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

  • width

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

• Form

  • Button Element

    • type

      <button> 요소에서 입력 방식과 형태를 결정짓는 값을 가질 수 있다.

  • Input Element

    • type

      <input>요소에서 입력 방식과 형태를 결정짓는 값을 가질 수 있다.

• Globals

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

  • data-*

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

  • draggable

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

  • id

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

  • title

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

• Media

  • type

     <embed>, <link>, <object>, <script>, <style> 요소에서 '유형/타입' 형식 또는 지정된 키워드로 지정한다.

• Private properties

  태그에 따른 전용 속성

  • async

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

  • defer

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

  • for

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

  • form

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

  • nomodule

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

  • poster

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