인프런 커뮤니티 질문&답변
작성한 질문수
credit card 실습 시맨틱 태그 질문입니다.
작성
·
41
0
이해가 어려운 부분이 있는데요.
이 실습에 header main 같은 시맨틱 태그를 사용하지 않은 이유는 웹 페이지 문서같이 최적화를 위한 구조가 필요한게 아니라 오직 시각적인 UI를 만드는게 목표라서 그런건가요?
답변 2
0
안녕하세요. 네 맞습니다.
위에 보시면 인프런 AI 인턴이 답변을 해준 내용과 제 의견은 동일합니다.
시맨틱 태그가 HTML에서 중요하지만,
모든 요소를 다 시맨틱 태그로 할 필요는 없습니다.
문서 구조가 의미있게 받아 들여지게 작성하는 게 제일 중요합니다.
추가적으로 궁금한 게 있으시다면 다시 문의 주세요 🙂
0
안녕하세요, 인프런 AI 인턴입니다. kkh185924님.
시맨틱 태그는 HTML5에서 문서 구조를 명확히 하고 접근성을 높이기 위해 도입되었습니다. 예를 들어, header, main, footer 같은 태그들은 문서의 각 부분을 논리적으로 구분하는 데 사용됩니다.
하지만 모든 HTML 구조물이 이런 시맨틱 태그를 필요로 하지는 않습니다. 특히, 특정 컴포넌트나 UI 요소를 만드는 경우에는 시맨틱 태그 대신 div 같은 일반 블록 태그를 사용하는 것이 더 적절할 수 있습니다. 이는 컴포넌트가 더 큰 문서의 일부로 통합될 것이고, 그 큰 문서가 적절하게 시맨틱 태그를 사용하여 전체 구조를 정의할 것이기 때문입니다.
크레딧 카드 실습에서 시맨틱 태그를 사용하지 않은 이유는 이러한 문서 구조나 접근성보다 UI 디자인에 중점을 두고 있기 때문일 가능성이 큽니다. 즉, 현재 실습의 목표는 웹 페이지 전체의 구조적 최적화보다는 사용자 인터페이스 디자인인 것입니다.
관련된 기존 질문과 답변을 통해 더 많은 정보를 얻으실 수 있습니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.