Logo

전역 특성

전역 특성(Global attributes)은 모든 HTML에서 공통으로 사용할 수 있는 특성입니다. 그러나 일부 요소에는 아무런 효과도 없을 수 있습니다.

전역 특성(Global attributes)은 모든 HTML에서 공통으로 사용할 수 있는 특성입니다. 그러나 일부 요소에는 아무런 효과도 없을 수 있습니다.

전역 특성은 모든 HTML 요소에 지정할 수 있으며, 심지어 표준에 명시되지 않은 요소에도 지정할 수 있습니다. 이는, 비표준 요소를 사용하는 순간 문서가 HTML5를 준수하지 않음에도 불구하고, 비표준 요소 역시 전역 특성을 허용해야 함을 의미합니다. 예를 들어, HTML5를 준수하는 브라우저라면, <foo>라는 요소는 유효하지 않지만 그래도 <foo hidden>...</foo>는 화면에 나타내지 않을 것입니다.

기본 HTML 전역 특성 외에 아래와 같은 전역 특성도 존재합니다.

  • xml:lang과 xml:base는 XHTML 명세에서 상속받은 것으로 더 사용하지 않지만, 호환성 유지를 위해 아직 존재합니다.
  • 여러 개의 aria-\* 특성은 접근성 향상을 위해 사용됩니다.
  • 이벤트 처리기 특성: onabort, onautocomplete, onautocompleteerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting.

전역 특성 목록

  • accesskey
    • : 현재 요소에 대한 키보드 단축키 생성을 위한 힌트를 제공합니다. 이 특성은 공백으로 구분한 문자 목록으로 구성됩니다. 브라우저는 주어진 여러 개의 값 중 장치의 키보드 레이아웃에 존재하는 첫 번째 키를 사용해야 합니다.
  • autocapitalize
    • : 사용자가 입력 또는 수정하는 텍스트를 자동으로 대문자로 변환할지 여부와 변환하는 방법을 제어합니다. 다음과 같은 값이 가능합니다.
      • off 또는 none, 대소문자 자동 변환이 발생하지 않음 (모든 글자가 기본값 소문자)
      • on 또는 sentences, 각 문장의 첫 글자를 대문자로 변환, 나머지 글자는 기본값 소문자
      • words, 각 단어의 첫 글자를 대문자로 변환, 나머지 글자는 기본값 소문자
      • characters, 모든 글자의 기본값이 대문자
  • class
    • : 공백으로 구분된 해당 요소의 클래스의 목록입니다. 클래스를 이용하면 CSS나 JavaScript에서 클래스 선택자나 Document.getElementsByClassName()과 같은 메서드를 이용해 특정 요소를 선택하거나 접근할 수 있습니다.
  • contenteditable
    • : 해당 요소를 사용자가 편집할 수 있는지를 나타내는 열거형 특성입니다. 편집 가능한 경우에 브라우저는 편집을 허용하도록 위젯을 수정합니다.
  • data-*
    • : 사용자 지정 데이터 특성(custom data attributes)이라는 특성 클래스를 형성함으로써 임의의 데이터를 스크립트로 HTML과 DOM 사이에서 교환할 수 있는 방법을 제공합니다.
  • dir
    • : 요소의 쓰기 방향을 나타내는 열거형 특성입니다.
  • draggable
    • : Drag and Drop API를 사용해 요소를 드래그할 수 있는지 나타내는 열거형 특성입니다.
  • exportparts
    • : 중첩 섀도우 트리에서 섀도우 파트를 전이적으로 라이트 파트에 내보낼 때 사용합니다.
  • hidden
    • : 해당 요소가 아직, 또는 더 이상 관련이 없음을 나타내는 불리언 특성입니다. 브라우저는 hidden 특성을 가진 요소를 렌더링 하지 않습니다.
  • id
    • : 문서 전체에서 유일해야 하는 고유 식별자(ID)를 정의합니다. (프래그먼트 식별자를 사용한) 링크, 스크립트, 스타일 적용 시 요소를 식별할 때 사용합니다.
  • inputmode
    • : 사용자가 요소나 요소의 콘텐츠를 편집할 때, 브라우저가 제공해야 하는 가상 키보드 설정을 알려줍니다. 주로 <input> 요소에 사용하지만, contenteditable 특성을 가진 요소라면 종류 불문하고 사용할 수 있습니다.
  • is

!NOTEitem* 특성은 WHATWG HTML Microdata feature의 일부입니다.

  • itemid
    • : 아이템의 고유하고 전역적인 식별자입니다.
  • itemprop
    • : 아이템에 특성(properties)을 추가할 때 사용합니다. 모든 HTML 요소에는 이름과 값의 쌍으로 구성된 itemprop 특성을 명시할 수 있습니다.
  • itemref
    • : itemscope 특성을 가진 요소에 속하지 않는 특성들(properties)은 itemref를 사용하여 item에 연결할 수 있습니다. 여기에는 문서 내의 다른 위치에 있는 추가적인 특성을 갖는 요소 id(itemids 가 아닌)목록이 제공됩니다.
  • itemscope
    • : itemscope은 (일반적으로) itemtype과 같이 사용하여 블록에 포함된 HTML이 특정 item에 대한 것임을 나타냅니다. itemscope은 item을 생성하고 그 item에 연결된 itemtype의 범위를 정의합니다. itemtype은 item과 특성 컨텍스트를 설명하는 (schema.org와 같은) 어휘(vocabulary)에 대한 유효한 URL입니다.
  • itemtype
    • : 데이터 구조에서 itemprops (item properties)을 정의하는 데 사용할 단어의 URL을 지정합니다. itemscope은 데이터 구조 내에서 itemtype에 의해 설정된 어휘가 활성화되는 범위를 설정하는 데 사용됩니다.
  • lang
    • : 요소의 언어를 정의하는데 도움을 줍니다: 편집할 수 없는 요소가 있는 언어 또는 사용자가 요소를 편집할 수 있는 언어를 정의하는 데 도움이 됩니다. 이 특성은 언어 식별 태그(Tags for Identifying Languages (BCP47))에 정의된 형식의 하나의 "언어 태그"(하이픈으로 구분된 "언어 하위 태그(language subtags)"로 구성된)를 포함합니다. xml:lang 은 이보다 우선합니다.
  • part
    • : 요소의 부분(part) 이름 목록(공백으로 구분됨). 부분 이름은 CSS가 그림자 트리 내에서 특정 요소를 선택하고 스타일링하기 위해 ::part 가상 요소를 통해 사용할 수 있습니다..
  • slot
    • : 요소에 shadow DOM의 shadow tree에 있는 슬롯을 할당합니다: slot 특성을 가진 요소는 name 특성의 값이 해당 slot 특성의 값과 일치하는 {HTMLElement("slot")}} 요소가 생성한 슬롯에 할당됩니다.
  • spellcheck
    • : 요소의 맞춤법 검사 여부를 지정합니다.
  • style
    • : 요소에 적용할 CSS 스타일 선언을 담습니다. 단, 스타일은 별도 파일에 정의하는 것이 추천하는 방식임을 유의하세요. 이 특성과 <style> 요소는 테스트 등을 위한 빠른 스타일링이 주 용도입니다.
  • tabindex
    • : 정수형 속성으로, 해당 요소가 입력 포커스를 받을 수 있는지(포커스 가능 여부), 순차적 키보드 탐색에 참여해야 하는지, 그리고 참여한다면 어떤 위치에서 참여해야 하는지를 나타냅니다. 이 속성은 여러 값을 가질 수 있습니다.
      • 부정값(negative value): 요소는 포커스를 받을 수 있지만, 순차적 키보드 네비게이션으로는 접근할 수 없습니다.
      • 0: 요소는 포커스를 받을 수 있으며, 순차적인 키보드 네비게이션을 통해 접근 가능합니다. 이 순서는 플랫폼의 관습에 따라 정의됩니다.
      • 양수값(positive value): 요소는 포커스를 받을 수 있으며, 순차적인 키보드 네비게이션을 통해 접근 가능함을 나타냅니다. 그 상대적 순서는 속성의 값으로 정의되며, tabindex의 숫자 순서대로 포커스를 이동합니다. 여러 요소가 동일한 tabindex 값을 가질 경우, 문서 내에서의 요소의 상대적 위치에 따라 결정됩니다.
  • title
    • : 요소에 대한 추가 정보를 제공하는 텍스트입니다. 사용자에게는 보통 툴팁으로서 보여집니다.
  • translate
    • : 페이지를 지역화할 때 요소의 Text 노드 자식 및 번역 가능한 특성의 값을 번역해야 되는지, 아니면 그대로 유지해야 하는지 나타냅니다.

명세

브라우저 호환성

같이 보기

  • 대부분의 전역 특성에 접근할 수 있는 Element와 GlobalEventHandlers 인터페이스.
Previous HTML attribute: size Next accesskey