전역 속성

초록공룡·2025년 8월 16일

HTML5

목록 보기
16/76

개념

  • 대부분의 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 위주로 안전하게 운용한다.
profile
빠른 행동, 쉽고, 간단하게

0개의 댓글