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로 따로 나누어 코드를 작성했습니다.
css box-sizing 관련 질문
0
7
1
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
9
1
node.js 설치 (LTS버전)
0
7
0
Cursor & Antigravity 소개 및 설치
0
10
1
뉴스페이퍼 테마 관련
0
15
1
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
14
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
18
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
20
1
잘못된 파일 다운로드
0
31
1
수업자료는 어디서 받나요
0
32
2
타입 점검하기 swr관련 질문 있습니다.
0
39
2
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
45
5
1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요
0
40
2
뉴스페이퍼 스킨을 꼭 사야하나요? 링크주소도 못찾겠어요
0
37
2
자료실
1
36
2
저는 일단 워드프레스로 블로그를 만들어 보려고
0
25
2
cafe24에서 했다가 fastcomet으로 변경하려 하는데요 문제가 생겼습니다
0
30
2
'만능으로 쓰이는 기본카드' 강의 내용에 대해 질문드립니다.
0
30
2
html / css 기초는 있습니다..
0
50
2
ReactScriptExample 관련 질문
0
38
1
class 이름을 section__title이라고 짓는 것에 대해서
0
51
2
타입 에러 관련 질문입니다.
1
37
2
form 태그와 input 태그가 헷갈려요.
0
148
1
VS code에서 문자열을 정렬하는 단축키가 궁금합니다!
0
582
1