[HTML5이야기] 새로운 시맨틱 엘리먼트

HTML 5 의 새로운 시맨틱 엘리먼트 에 대해서 알아볼께요!

HTML 5 는 기존 마크업을 더 단순화 시키고 더 새로운 엘리먼트를 추가했습니다!!

html 개발자들에겐 꽤나 매력적인 부분이 아닐 수 없는데요.

앞으로 추가될, 추가된 HTML 5 엘리먼트에 대해서 좀 더 설명을 드릴께요.

<section>
section 엘리먼트는 문서나 애플리케이션의 섹션을 나타내요. 컨텐츠를 연관된 형태로 묶은 거으로, 예를 들어 책의 장 혹은 대화상자에서 탭으로 구성된 각 페이지 혹은 논문에ㅓ 번호로 구분된 절을 생각하시면 쉽겠네요^^

<nav>
nav 엘리먼트는 다른 페이지나 현재 페이지의 특정부분을 나타냅니다. <a href> 엘리먼트를 생각하시면 쉽겠네요. 링크 엘리먼트입니다. 주요 링크를 가진 한개블럭 정도만 nav로 링크를 걸어주는 게 적절하다고 하네요.

<article>
article 엘리먼트는 문서, 페이지, 사이트 등에서 하나의 독립된 요소로 따로 떼어내어 사용ㅇ할 수 있는 내용이라 생각하면 되요.
 포럼에 올라온 글이나 잡지, 신문기사, 위젯 등 하나하나 독립된 컨텐츠에 이 엘리먼트를 사용하실 수 있어요.

<header>
사이트 소개나 페이지 이동을 위해 만든 부분.
섹션의 차례나, 검색창, 관련로고를 포함하는 형태로 사용하실 수 있어요.

역시나 <footer>도 있구요^^; 레이아웃에 있는 부분처럼 사용하실 수 있고, 말 그대로 사용이 되요.
그 외에도 몇가지 엘리먼트들이 더 있는데, 한번 찾아보시것도 도움이 되실듯 합니다^^

* 추후 보강할 예정입니다.