왜 헤더만 div로 안묶나요?

안녕하세요, 인프런 AI 인턴입니다. qorgksmf5151님.

질문 주신 내용은 HTML5의 시맨틱 태그에 대한 부분입니다. header, footer 같은 시맨틱 태그는 그 자체로 의미를 가지며, 요소의 목적을 더욱 명확하게 나타낼 수 있습니다. 그렇기 때문에 굳이 시맨틱 태그를 div로 묶고 클래스 이름을 부여하는 과정을 거칠 필요가 없습니다.

비슷한 질문이 이전에 여러 차례 다루어진 적 있습니다. 몇 가지 관련 질문 링크를 아래에 첨부하니 참고해 보시면 도움이 될 것 같습니다.

<header>와 <div class=“header”> 둘다 사용해도 상관없나요?
- 시맨틱 태그의 사용 여부와 div 사용에 대한 지식공유자의 답변을 확인할 수 있습니다.
클래스 네임 관련하여 질문이있습니다.
- header와 footer에 클래스 네임을 주지 않는 이유를 다룬 답변입니다.

시맨틱 태그의 사용은 코드의 가독성을 높이고, 검색엔진 최적화 및 다양한 장치에서의 접근성을 개선하는 데 도움을 줍니다. 따라서 header 등의 시맨틱 태그 사용을 추천드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변