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

 

  ※ 전역 속성(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를 이용한 요소 접근