Cafe 24 Best Shopping Mall Design Clone Coding (HTML + CSS)
Creating a Home Page Header (2) - Design
궁금합니다.
253
4 asked
'홈페이지 헤더만들기'에서 header__nav-box와 header__list-box를 사용해 div로 한번 묶고 ul, li를 적용하는데, 오른쪽 icon은 왜 div없이 ul, li로 바로 하는지 궁금합니다.
<header>
<nav>
<ul>
<li>
<p>
<ul>
<li>
이 구조인데, nav 태그 없이 ul, li로만으로도 가능할거 같아서요.
Answer 1
0
UI를 구성하는 방식은 개발자 / 팀마다 다르기때문에 어떻게 태그를 사용해서 레이아웃을 구성하던 자유입니다!
하지만 강의에서 왼쪽 "BRAND", "EVENT"에 해당하는 카테고리는 오른쪽 "아이콘" 파트보다 네비게이션 역할을 강하게 하기때문에 따로 semantic tag인 nav로 묶어서 진행했습니다 🙂
시멘틱태그를 반드시 사용해야하는 것은 아니지만, 의미론적(semantic) 으로 코드를 구분하여 가독성을 높일 수 있기 때문에 nav로 따로 나누어 코드를 작성했습니다.
13. (App 2) 기본기 훈련 에서
0
7
1
17강 강의에 목데이터 첨부파일이 없습니다.
1
11
1
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
15
1
11차시 Antigravity IDE 설치 후
0
17
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
14
1
5,6,7,8 내용이 없어요
0
14
1
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
25
1
수업 자료 문의
0
19
1
장치 의존성과 CSR
0
30
1
순수 함수 / 순수 컴포넌트
0
22
1
css box-sizing 관련 질문
0
32
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
25
1
node.js 설치 (LTS버전)
0
27
1
Cursor & Antigravity 소개 및 설치
0
32
2
뉴스페이퍼 테마 관련
0
35
1
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
33
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
35
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
33
1
잘못된 파일 다운로드
0
35
1
수업자료는 어디서 받나요
0
39
2
타입 점검하기 swr관련 질문 있습니다.
0
50
2
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
55
5
form 태그와 input 태그가 헷갈려요.
0
148
1
VS code에서 문자열을 정렬하는 단축키가 궁금합니다!
0
583
1