[HTML] HTML

hongdahee8383·2022년 7월 3일
0

HTML이란?

HTML이란 웹 페이지의 뼈대를 구성하는 마크업 언어(태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지)다.

HTML로 뼈대를 만들고, CSS로 스타일을 입히고, JavaScript로 동작하도록 하여 웹 페이지가 만들어지는 것이다.

시맨틱 요소(semantic element)

시맨틱 요소란 의미를 가진 요소이다. 예를 들어 <h1>은 시맨틱 요소로 최상위 제목을 표현할 때 사용하는데, 폰트 사이즈만 큰 게 아니라 위아래로 간격을 주어서 제목처럼 보이게 한다. <div><span>요소에도 style을 적용해서 이처럼 보이게 할 수 있지만 이는 최상위 제목이란 의미를 갖진 않는다.

시맨틱 요소의 장점

  • 검색 엔진이 웹 페이지를 방문할 때 시맨틱 요소를 중요한 키워드로 고려함
  • 다른 개발자들과 작업할 때 코드를 더욱 보기 쉽고 편리하게 함

id, class 목적

idclass를 사용하여 요소를 가리킬 수 있다. 이 둘의 차이는 id중복 사용이 불가능해서
한 요소에 한 개만 적용
할 수 있다는 것이다. id 이름은 서로 겹쳐선 안 되는 고유한 값이다. class중복 사용이 가능하고 동일한 클래스명을 여러 요소에 사용할 수 있다. 그럼 어떨 때 id를 쓰고 class를 써야 할까? 목적에 따라서 이 둘을 적절히 사용하면 된다. 하나의 id는 한 요소에만 사용 가능하기 때문에 고유한 이름을 붙일 때 id를 사용하는 것이 좋다. class는 여러 번 사용이 가능하기 때문에 반복되는 영역을 유형별로 분류할 때 사용하는 것이 좋다. 한 그룹으로 묶고 싶은 요소들에 같은 클래스명을 지정하면 되는 것이다.

profile
프론트엔드 개발자

0개의 댓글