HTML5에서는 시멘틱 태그라는게 생겼습니다.

쉽게 말하자면, 기존 div로 나두던 영역을 xml처럼 적당한 이름을 붙여서 영역 표시를 한것이죠~

대표적인 시멘틱 태그는 아래와 같습니다.

• header
  
• nav
  
• aside
  
• section
  
• article
  
• footer

이름만 보아도 대략적인 영역의 쓰임새를 아실것 같습니다.

<header>
    <div>로고 및 기본링크영역</div>
    <nav>
            네비게이션... 상단 메뉴 영역!
    </nav>
</header>
<div>
    <aside>좌,우측 메뉴영역</aside>
    <section>컨텐츠 영역</section>
</div>
<footer>
    하단영역
</footer>

시멘틱 태그는 그냥 div로 바꿔도 상관은 없습니다.
다만... 미래를 생각하셔서... 검색엔진도 영역 구분을 할 수 있도록 해주는게 좀 더 좋지 않을까요?
선택은 여러분의 몫입니다~