Cafe 24 Best Shopping Mall Design Clone Coding (HTML + CSS)
Creating a Home Page Header (2) - Design
궁금합니다.
250
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로 따로 나누어 코드를 작성했습니다.
수업자료 문의
0
7
1
강의 수강 기간 연장 부탁드리겠습니다
0
9
1
7강 도형+펜툴 중 막혔습니다ㅠㅠㅠ
0
27
2
안녕하세요! 작업 속도를 높여주는 단축키와 플러그인 강의는 없는걸까요?!
0
26
3
part3. spy 쪽 / part3,part4 강의자료
0
33
2
최종 코드
0
40
2
Open AI 결제
0
40
2
figma 파일을 받을 수가 없어요
0
48
1
다운로드 연결이 되지 않을 때는 어떻게 해야할까요?
0
37
1
Visual Studio Code 대신 Pycharm 써도 되나요?
0
42
2
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
0
57
1
구글 서치콘솔 도메인 소유권 확인 실패
0
40
2
antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?
0
59
1
다음 강의 얼른 올려주세요
0
44
2
선생님 섹션 2의 색상 설명 자료는
0
36
2
일반 강의와 차이점?
1
53
1
중요하진 않지만 설명하신부분에서 안된부분..
1
37
1
안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?
0
66
2
반응형 웹 디자인
0
58
2
stopPropagation()에 대해서 질문 있습니다.
0
50
2
액션 아이콘 컴포넌트 질문
0
47
2
3차시 실전 예시학습중입니다
0
37
3
form 태그와 input 태그가 헷갈려요.
0
140
1
VS code에서 문자열을 정렬하는 단축키가 궁금합니다!
0
565
1