Skip to main content
조회 수 607 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

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

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

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

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

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

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

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


List of Articles
제목 조회 수
코너스톤 - 고품질 HTML5 웹앱 개발킷 717
반응형웹과 CSS3 미디어쿼리 이해하기 1130
반응형 웹 사이트 모음 3347
HTML5 시멘틱 관련 태그 607
CSS3 선택자 - 기본편 719
Board Pagination Prev 1 Next
/ 1