[HTML] Chapter 07. 레이아웃 나누기

웹 페이지를 만들 때, 중요한 사실은 일단 div 태그로 공간 나누기를 해야한다.

하나의 웹 페이지에서는 다양한 구역이 있고, 기능이 있다. 그것이 디자인의 경계가 되었건 혹은 기능적인 경계가 되었건 html 상에서 구역이 나눠질 필요가 있다면 일단 div 태그로 나누고 봐야한다.

 

물론 무의미한 div 태그 사용은 권장되는 코딩의 방식은 아니지만, 그럼에도 불구하고 이유가 있다.

1. 유지보수가 편해진다.
   • 고쳐야하는 컨텐츠가 어떤 div 태그에 있는지 파악을 할 수 있다면 나중에 수정이 필요할 때, 금방 찾을 수 있다.
2. 협업이 쉬워진다.
   •  단순 <p> 태그보다도 <div id="abcd"> 태그로 감싼 <p> 태그가 직관성이나 의도를 알기가 쉬울 것이다.
   • 단 div 태그에 class, id를 부여하게 될텐데, 이 네이밍들은 누가보더라도 이해할 수 있게끔 직관적으로 정의해야 한다.
     • 명사 + 명사
     • headerSerach
     • header-serach