본문 바로가기

HTML

[HTML] 전역 속성(1) - id, class

728x90
반응형

 

  ※ 전역 속성(Global Attributes)이란?

    모든 HTML 요소에서 공통적으로 사용 가능한 속성을 의미.

 

 

▶ class

  • 요소의 별칭을 지정.

  • 공백으로 구분하여 여러 개 부여할 수 있음.

  • CSS 혹은 JavaScript의 요소 선택기(CSS 선택자나 GetElementsByClassName, QuerySelectorAll 같은)를 통해서 요소를 선택하거나 접근.

  • 동일한 명칭이 여러 태그에 여러 번 들어가도 상관 없음. 중복 사용 가능.

 



id 

  • 문서에서 고유한 식별자(idenifier, ID)를 정의.

  • CSS 혹은 JavaScript의 요소 선택기(CSS 선택자나 GetElementsByClassName, QuerySelectorAll 같은)를 통해서 요소를 선택하거나 접근.

  • 고유한 이름을 짓는 것과 유사함.
    - id 속성 값은 HTML 문서 내에서 한 번만 사용해야 하며 여러 번 사용하는 것은 허용되지 않음.

  • 이름을 짓는 것과 사용 측면에서 까다로울 수 있음.

    따라서 중요한 부분이 아니라면 대부분 class를 부여. 중요한 부분에서 고유하게 사용되는 경우 id 속성 사용.

 

 

class와 id 속성 사용 및 CSS, Javascript를 이용한 요소 접근

 

 

 

 

 

 

728x90
반응형

'HTML' 카테고리의 다른 글

[HTML] 전역 속성(3) - title  (0) 2020.08.30
[HTML] 전역 속성(2) - style  (0) 2020.08.30
[HTML] 양식(8) - progress  (0) 2020.08.30
[HTML] 양식(7) - select, datalist, optgroup, option  (0) 2020.08.30
[HTML] 양식(6) - fieldset, legend  (0) 2020.08.30