[UX/UI] HTML 레이아웃 - 대분류

2021. 3. 16. 01:19 Web Programing/UI, UX, html

HTML

항상 이런형태로 구간을 나눈 다음 html 코드를 작성하는 것을 추천합니다.

다른 형태의 구조가 필요할 때도 있지만 처음 접하거나, 공부하는 입장에서는 특정 형식을 따라가는것이 더 안정감있게 코드를 작성할 수 있습니다

<body>
  <!-- header -->
  <div id="header"></div>
  <!-- //header -->

  <!-- container -->
  <div id="container">
    
    <!-- content -->
    <div id="content"></div>
    <!-- //content -->

  </div>
  <!-- //container -->
  
  <!-- footer -->
  <div id="footer"></div>
  <!-- //footer -->
</body>

 

레이아웃

출처 : know-one-by-one.tistory.com/19