HTML
3.10
태그 종류에 상관없이 사용하는 글로벌 속성
마지막으로 글로벌 속성(global attribute)을 알아보겠습니다. 앞에서 a 태그는 링크 대상 경로를 지정하기 위해 href 속성을 사용한다고 했습니다. 그러면 hn 태그와 p 태그에도 href 속성을 사용할 수 있을까요?
결론부터 말하면 사용할 수 없습니다. HTML 언어에서 태그는 각 태그에서 사용할 수 있는 속성이 정해져 있기 때문입니다. 하지만 예외도 있습니다. 태그 종류 상관없이 모든 태그에서 공통으로 사용할 수 있는 속성이 있는데, 이것이 바로 글로벌 속성입니다.
실무에서 자주 사용하는 글로벌 속성은 표 3-7에 나와 있습니다. 표에 나온 속성은 종류를 가리지 않고 모든 태그에서 사용할 수 있습니다.
TIP | 전체 글로벌 속성 목록을 참고하고 싶다면 W3C의 Global Attributes(https://www.w3.org/TR/2010/WD-html-markup-20101019/global-attributes.html)를 참고해 주세요.
표 3-7 자주 사용하는 글로벌 속성
|
속성 |
값 |
설명 |
|
class |
value |
요소에 클래스 값을 지정합니다. 클래스 값은 CSS에서 클래스 선택자로 활용합니다. |
|
id |
value |
요소에 아이디 값을 지정합니다. 아이디 값은 CSS에서 아이디 선택자로 활용합니다. |
|
style |
style |
요소에 인라인 스타일을 지정합니다. |
|
title |
text |
요소에 추가 정보를 지정합니다. 마우스를 요소 위에 올리면 툴팁(tooltip)으로 추가 정보가 표시됩니다. 툴팁은 요소에 마우스 커서를 올렸을 때 추가 설명이 뜨는 말풍선 형태의 그래픽 요소를 말합니다. |
|
lang |
language code |
요소에 사용한 텍스트의 언어 정보를 지정합니다. |
|
hidden |
hidden |
요소를 화면에서 감춥니다. |
|
data-* |
value |
사용자가 임의의 속성을 만들 수 있습니다. |