credit card 실습 시맨틱 태그 질문입니다.
96
작성한 질문수 10
이해가 어려운 부분이 있는데요.
이 실습에 header main 같은 시맨틱 태그를 사용하지 않은 이유는 웹 페이지 문서같이 최적화를 위한 구조가 필요한게 아니라 오직 시각적인 UI를 만드는게 목표라서 그런건가요?
답변 2
0
안녕하세요. 네 맞습니다.
위에 보시면 인프런 AI 인턴이 답변을 해준 내용과 제 의견은 동일합니다.
시맨틱 태그가 HTML에서 중요하지만,
모든 요소를 다 시맨틱 태그로 할 필요는 없습니다.
문서 구조가 의미있게 받아 들여지게 작성하는 게 제일 중요합니다.
추가적으로 궁금한 게 있으시다면 다시 문의 주세요 🙂
0
안녕하세요, 인프런 AI 인턴입니다. kkh185924님.
시맨틱 태그는 HTML5에서 문서 구조를 명확히 하고 접근성을 높이기 위해 도입되었습니다. 예를 들어, header, main, footer 같은 태그들은 문서의 각 부분을 논리적으로 구분하는 데 사용됩니다.
하지만 모든 HTML 구조물이 이런 시맨틱 태그를 필요로 하지는 않습니다. 특히, 특정 컴포넌트나 UI 요소를 만드는 경우에는 시맨틱 태그 대신 div 같은 일반 블록 태그를 사용하는 것이 더 적절할 수 있습니다. 이는 컴포넌트가 더 큰 문서의 일부로 통합될 것이고, 그 큰 문서가 적절하게 시맨틱 태그를 사용하여 전체 구조를 정의할 것이기 때문입니다.
크레딧 카드 실습에서 시맨틱 태그를 사용하지 않은 이유는 이러한 문서 구조나 접근성보다 UI 디자인에 중점을 두고 있기 때문일 가능성이 큽니다. 즉, 현재 실습의 목표는 웹 페이지 전체의 구조적 최적화보다는 사용자 인터페이스 디자인인 것입니다.
관련된 기존 질문과 답변을 통해 더 많은 정보를 얻으실 수 있습니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
6-6 실습 문의
0
14
2
섹션5 노션링크 는 따로 없나요?
0
20
2
Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.
0
29
2
첨부자료 Part 4 코드 확인 부탁드리겠습니다.
0
22
2
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
0
20
1
퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.
0
44
2
claude plugin 방법 자세히 부탁드려요
0
39
2
강의에 적용한 스크립트를 받아 볼수 있을까요?
0
38
2
최근 코테, 과제 테스트 트렌드
0
63
2
노션 25 인터렉션 구현 파트 안 보입니다!
0
36
2
파트3 13F부분도 짤린거같은데 확인해주세요
0
38
2
Gemini로 진행가능 여부 궁금합니다.
0
58
2
뉴스페이퍼 싱글템플릿 디자인 관련 상담 요청
0
25
2
프롬프트 11 진행 완료
0
41
2
파트3 수급 부분
0
41
2
claude cowork에서 작업하는거와 차이는?
0
39
2
background vs background-color
0
23
1
figma variable 반응형 디자인 결과물 공란
0
59
2
렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.
0
46
2
렌더링 차단 리소스 관련해서 CSS 질문이 있습니다.
0
34
2
Breadth MMFI 404 에러
0
44
1
해당 프로젝트 깃헙 주소도 공유해주시나요?!
0
55
4
노션 문의
0
54
2
br 작성 방식
0
49
1





