글로벌 속성이란 모든 태그에서 사용할 수 있는 속성을 말한다.

대표적인 글로벌 속성들

id

요소의 고유 식별자를 지정한다.

class

요소의 클래스 이름을 지정하여 CSS 스타일이나 JavaScript에서 사용된다.

style

요소의 인라인 CSS 스타일을 정의한다.
그러나 인라인 css 스타일을 사용하는것은 지양해야한다.

title

title을 넣어주면 마우스를 갖다댔을때 툴팁 기능을 사용할 수 있다.

너무 늦게 뜨고 커스텀이 안되기 때문에 실무에서는 툴팁 라이브러리(tooltip library) 사용

tabindex

기본적인 탭 순서는 html 마크업 순서이다. 은근히 유용하다.
마크업 순서가 모종의 이유로 꼬였을 경우 tabindex 사용해 탭 순서를 조정 할 수 있다.

 	<a href="#" title="네이버 바로가기" tabindex="1">링크</a>
    <button tabindex="3">버튼2</button>
    <button tabindex="2">버튼1</button>

lang

언어를 지정할때 사용하는 속성. iso 639의 set1에 있는 값을 사용할 수 있다.

ex. ko(Korean), en(English)

data-* 속성:

나만의 속성을 추가하고 싶을때(커스텀 속성) 사용한다.