전역 특성
전역 특성(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를 사용해 요소를 드래그할 수 있는지 나타내는 열거형 특성입니다.
exportpartsExperimental-
중첩 섀도우 트리에서 섀도우 파트를 전이적으로 라이트 파트에 내보낼 때 사용합니다.
-
해당 요소가 아직, 또는 더 이상 관련이 없음을 나타내는 불리언 특성입니다. 브라우저는
hidden특성을 가진 요소를 렌더링 하지 않습니다. id-
문서 전체에서 유일해야 하는 고유 식별자(ID)를 정의합니다. (프래그먼트 식별자를 사용한) 링크, 스크립트, 스타일 적용 시 요소를 식별할 때 사용합니다.
inputmode-
사용자가 요소나 요소의 콘텐츠를 편집할 때, 브라우저가 제공해야 하는 가상 키보드 설정을 알려줍니다. 주로
<input>요소에 사용하지만,contenteditable특성을 가진 요소라면 종류 불문하고 사용할 수 있습니다. is-
표준 HTML 요소가 사용자 정의 기본 요소처럼 동작하도록 지정합니다. (자세한 내용은 사용자 정의 요소 사용하기를 참고하세요)
참고 :
item* 특성은 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-
요소에 대한 추가 정보를 제공하는 텍스트입니다. 사용자에게는 보통 툴팁으로서 보여집니다.
translateExperimental-
페이지를 지역화할 때 요소의
Text노드 자식 및 번역 가능한 특성의 값을 번역해야 되는지, 아니면 그대로 유지해야 하는지 나타냅니다.
명세
브라우저 호환성
Loading…
같이 보기
- 대부분의 전역 특성에 접근할 수 있는
Element와GlobalEventHandlers인터페이스.