(이해하기 쉽게 설명) HTML 기초, 파이썬 크롤링 선택자 - 2, id 와 class

id 와 class

태그의 선택자는 보통 id와 class를 사용합니다. 각각 언제 사용하는지 소개하겠습니다.

id

어떤 웹 사이트에 회원가입을 할 때, 그 웹 사이트에서 특정 유저만 사용하는 아이디만 생성합니다.

주민등록번호, 학번 등과 같이 id는 특정 요소만 가질 수 있는 고유한 값입니다. 

HTML에서는 하나의 id가 고유한 선택자로, 하나의 HTML 코드에 id는 중복되지 않고 하나만 존재합니다.

class

태그의 선택자로 사용되지만 id처럼 고유한 값은 아닙니다.

class는 같은 속성을 지닌 데이터들을 묶어주는 값으로 class는 여러 번 사용이 가능합니다.

 

예제

표1.

이름	학번	직업	사용하는 언어
이서	2016121212	데이터 분석가	파이썬, R
혁준	2017123012	웹 개발자	자바, 파이썬
준혁	2018220123	웹 개발자	자바, C언어

표2.

HTML 태그	id	class
학생	2016121212	데이터 분석가, 파이썬, R
	2017123012	웹 개발자,자바, 파이썬
	2018220123	웹 개발자, 자바, C언어

표1에서 학생 한 명을 HTML 태그로 본다면(표2) 학번은 그 사람의 고유한 값이므로 태그의 id가 됩니다.

직업과 사용하는 언어는 그 사람이 가진 특성으로 서로 다른 사람들을 묶어주는 역할을 합니다.

비슷한 속성끼리 묶어주기 때문에 직업과 사용하는 언어는 태그의 class가 됩니다.