Web & Mobile/HTML

[HTML] id, class 차이

byunghyun23 2020. 8. 10. 01:15

1. id

      • #haeder, #nav 처럼 맨 앞에 '#'로 시작

      • DOM 구조 안에서 고유성을 가지는 엘리먼트를 지정할 때 사용 (중복 불가)

      • 일반적으로 header, nav, aside, content, footer등에 사용

      • 네이밍 룰은 카멜(camel) 표기법을 따름

 

2. class

      • .left, .right 처럼 맨 앞에 '.'로 시작

      • DOM 구조 안에서 공통성을 가지는 엘리먼트를 지정할 때 사용 (중복 가능)

      • 중복이 되는 태그에 많이 사용 (각 메뉴 또는 하위 메뉴를 만들 때 같은 스타일 지정)

      • 네이밍 룰은 스네이크(camel) 표기법을 따름