Part 01 웹 프로그램 언어의 기초_12

Naver BoostCourse Full-Stack Developer Course

Part 01 웹 프로그래밍 기초

11. class 와 id 속성

※ Intro

- HTML 속성 중 class 와 id란 무엇이며 어떻게 사용할 수 있을까?

- 고유한 값인 id 와 중복 사용이 가능한 class의 활용 방법에 대해 이해하기

- 다른 웹 사이트에서 class 와 id를 어떻게 사용했는지 확인하기

※ 학습 목표

- class와 id의 목적을 이해하고 구분해서 작성하기

※ 핵심 개념

- HTML 태그 안에서 사용되는 class 속성과 id 속성

※ ID

- 고유한 속성으로 한 HTML 문서에 하나만 사용 가능함

- 고유한 ID 값이 있으면 하나하나에 특별한 제어를 할 수 있으며 검색에도 용이함

※ Class

- 하나의 HTML 문서 안에 중복해서 사용 가능함

- 하나의 태그에 여러 개의 다른 class 이름을 공백을 기준으로 나열할 수가 있음

- 홈페이지 전체적인 스타일을 일관성 있게 지정하기 위해 class의 사용이 필수적임

- 이렇게 구분할 수 있지만, 많은 회사마다 개발 단계에서 어떠한 약속(convention)을 만들어서 자신들만의 규칙을 사용하기도 함

- 예를 들어 ID 사용을 금하거나 class로만 사용하는 곳도 있음