[HTML] HTML 전역속성 5가지 정리

전역속성이란?

img 태그의 src 속성은 이미지의 경로값을 가진다. 이처럼 태그마다 가질 수 있는 속성이 모두 다르고 미리 정해져 있지만 몇몇 속성은 전역적으로 사용할 수 있다. 즉, 전역속성이란 HTML body 태그 안에 있는 모든 요소가 가질 수 있는 속성을 말한다.

<tag 속성="속성값">content</tag>

 

1. title

요소의 정보나 설명을 지정해 해당 엘리먼트를 hover 했을때 tool tip UI가 해당 설명을 표시해준다.

<태그 title=“설명”></태그>

 

2. style

요소에 적용할 스타일(CSS)을 지정해준다.

<태그 style=“인라인 CSS 코드”></태그>

 

3. class

요소를 지칭하는 중복 가능한 이름을 지정해준다.

<태그 class=“이름”></태그>

 

4. id

요소를 지칭하는 고유한 이름을 지정해준다.

<태그 id=“이름”></태그>

 

5. data-이름

요소에 데이터를 지정해줘 자바스크립트로 해당 요소를 찾아 활용할 수 있다.

<태그 data-이름=“데이터”></태그>