전역 속성

유호익·2020년 11월 18일
0

html

목록 보기
13/14
# 전역 속성
모든 html 요소에서 공통적으로 사용 가능한 속성

#### class
공백으로 구분된 요소의 별칭을 지정
css 혹은 javascript의 요소 선택기
(css 선택자나 getelementsbyclassname, queryselectorall같은)를 통해서 요소를 선택하거나 접근.
를 통해서 요소를 선택하거나 접근.

#### id
문서에서 고유한 식별자(idenifier, id)를 정의
css 혹은 javascript의 요소 선택기
(css 선택자나 getelementsbyclassname, queryselectorall같은)를 통해서 요소를 선택하거나 접근

#### style
요소에 적용할 css를 선언

#### title
요소의 정보(설명)을 지정

#### lang
요소의 언어를 지정

#### data-*
사용자 정의 데이터 속성을 지정
html에 javascript에서 이용할 수 있는 데이터(정보)를 저장하는 용도로 사용

#### draggable
요소가 drag and drop api를 사용 가능한지 여부를 지정

#### hidden
요소를 숨김 

#### tabindex
tab키를 이용해 요소를 순차적으로 포커스 탐색할 순서를 지정
	* 대화형 콘텐츠(interactive content)는 기본적으로 코드 순서대로 탭 순서가 지정됨.
    * 비대화형 콘텐츠에 tabindex="0"을 지정하여 대화형 콘텐츠와 같이 탭 순서를 사용
    * tabindex="-1"을 통해 포커스는 가능하지만 탭 순서에서 제외 가능
    * tabindex="1"이상의 양수 값은 논리적 흐름을 방해하기 때문에 사용을 추천하지 않음
    


profile
There's more to do than can ever be done

0개의 댓글