HTML이란 웹 페이지의 뼈대를 구성하는 마크업 언어(태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지)다.
HTML로 뼈대를 만들고, CSS로 스타일을 입히고, JavaScript로 동작하도록 하여 웹 페이지가 만들어지는 것이다.
시맨틱 요소란 의미를 가진 요소이다. 예를 들어 <h1>
은 시맨틱 요소로 최상위 제목을 표현할 때 사용하는데, 폰트 사이즈만 큰 게 아니라 위아래로 간격을 주어서 제목처럼 보이게 한다. <div>
나 <span>
요소에도 style을 적용해서 이처럼 보이게 할 수 있지만 이는 최상위 제목이란 의미를 갖진 않는다.
id
나 class
를 사용하여 요소를 가리킬 수 있다. 이 둘의 차이는 id
는 중복 사용이 불가능해서
한 요소에 한 개만 적용할 수 있다는 것이다. id
이름은 서로 겹쳐선 안 되는 고유한 값이다. class
는 중복 사용이 가능하고 동일한 클래스명을 여러 요소에 사용할 수 있다. 그럼 어떨 때 id
를 쓰고 class
를 써야 할까? 목적에 따라서 이 둘을 적절히 사용하면 된다. 하나의 id
는 한 요소에만 사용 가능하기 때문에 고유한 이름을 붙일 때 id
를 사용하는 것이 좋다. class
는 여러 번 사용이 가능하기 때문에 반복되는 영역을 유형별로 분류할 때 사용하는 것이 좋다. 한 그룹으로 묶고 싶은 요소들에 같은 클래스명을 지정하면 되는 것이다.