개념

• 대부분의 HTML 요소에 공통적으로 사용할 수 있는 속성들

특징

• 모든 요소에 지정할 수 있으나, 특정 요소에서는 효과가 없을 수 있다.
• 요소의 식별, 스타일, 접근성, 상호작용 등을 보완한다.

전역 속성

• id
• class
• style
• title
• tabindex
• hidden
• lang
• dir
• draggable
• contenteditable
• spellcheck: 맞춤검 검사 활성화
• accesskey: 키보드 단축키를 제공
• autocapitalize
• translate: 자동 번역에 포함되어야 하는지를 지정
• part: Shadow DOM 내부의 특정 요소를 '::part()' 선택자로 외부에서 스타일링 함
• data-*: 커스텀 데이터 저장용
• aria-*: 상태/이름/관계 제공

실무

• 인라인 스타일은 유지보수 비용이 높으므로 지양하고, class로 상태/변형을 관리한다. (예: BEM)
• aria-는 시맨틱이 부족할 때 보완적으로 사용한다.
• tabindex는 0/-1 위주로 안전하게 운용한다.