'홈페이지 헤더만들기'에서 header__nav-box와 header__list-box를 사용해 div로 한번 묶고 ul, li를 적용하는데, 오른쪽 icon은 왜 div없이 ul, li로 바로 하는지 궁금합니다.&nbsp;&nbsp;&lt;header&gt; &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&nbsp; &lt;p&gt; &lt;ul&gt; &lt;li&gt;&nbsp;&nbsp;&nbsp;이 구조인데, nav 태그 없이 ul, li로만으로도 가능할거 같아서요.

UI를 구성하는 방식은 개발자 / 팀마다 다르기때문에 어떻게 태그를 사용해서 레이아웃을 구성하던 자유입니다!하지만 강의에서 왼쪽 "BRAND", "EVENT"에 해당하는 카테고리는 오른쪽 "아이콘" 파트보다 네비게이션 역할을 강하게 하기때문에 따로 semantic tag인 nav로 묶어서 진행했습니다 🙂 &nbsp;시멘틱태그를 반드시 사용해야하는 것은 아니지만, 의미론적(semantic) 으로 코드를 구분하여 가독성을 높일 수 있기 때문에 nav로 따로 나누어 코드를 작성했습니다.

Inflearn Community Q&A

궁금합니다.