개념

• HTML 태그에 부가 정보를 제공하는 '이름=값' 쌍

특징

• 값은 따옴표로 감싸는 것이 권장된다.
• boolean 속성은 이름만으로 참을 의미한다.
• 전역 속성은 거의 모든 요소에서 사용 가능하다. (예: id, class, style, title, hidden, tabindex, aria-*)

Attribute vs Property

• Attribute : HTML 요소의 초기값
• Property : DOM에서 동적으로 변하는 현재 상태

실무

• 속성 순서 가이드로 코드 컨벤션 정립 (예: id/class > data- > aria- > 기타)
• boolean 속성은 값 생략 원칙 준수
• 'data-'로 시작하는 모든 속성은 사용자 정의 데이터 저장 용도로 사용되며 DOM에서 dataset으로 접근한다.