id and class

id

<main id="context">...</main>

오직 하나의 element 를 지목할 때 쓰는 이름. 하나의 id는 하나의 element에서만 사용된다. (겹칠 경우 가장 처음 등장하는 element만을 지목한다.)

class

  <div class="book">1</div>
  <div class="book">2</div>
  <div class="book">3</div>

비슷한 element들을 모아서 지목할 때 쓰는 이름. class 는 여러 element에 붙여도 된다.