html5

문서 구조를 위한 html5 시맨틱 태그

  • 1<header>태그: 머리말 지정하기
    사이트 전체(본문)의 제목 부분
    주로 페이지 맨 위쪽이나 왼쪽에 삽입
    <form>태그를 사용해 검색 창을 넣거나 <nav>태그를 사용해 사이트 메뉴를 넣음
  • 2<nav>태그-네비게이션 태그
    같은 사이트 안의 문서나 다른 사이트 문서로 연결하는 링크
  • 3<section>태그-주제별 콘텐츠 영역
    <article>태크-콘텐츠 내용
    서로 구별 X
  • 4<aside>태그-본문 외 내용
  • 5<iframe>태그-외부 문서 삽입
    광고 표시, 문서 자체 수정없이 iframe만 수정
    문서 안 또다른 문서
  • 6<footer>태그-제작 정보와 저작권 정보 표시
  • 7<address>태그-제작자 정보와 연락처 정보
    단순 우편 설명은 <p>태그
  • 8<div>태그
    주로 콘텐츠를 묶어 시각적 효과를 적용할 때 즉 콘텐츠에 CSS적용할 때 사용
  • 9이전 버전에서는 html5shiv로 하면 시맨틱 태그를 사용할 수 있다.