생활 웹디자인

header

토픽 생활 웹디자인 > 구조의 HTML > HTML5 태그 사전

정의

header요소는 네비게이션을 돕거나 소개를 나타내는 그룹을 표현합니다.

 

설명

  • header 요소는 일반적으로 섹션의 제목(h1 ~ h6요소 또는 hgroup요소)을 포함합니다. 하지만 반드시 그런건 아닙니다. 섹션의 차례나 검색폼 또는 관련된 로고등을 감싸는 용도로도 사용될 수 있습니다.

 

예제

 

 

댓글

댓글 본문
  1. Sansol Park
    예제가 올라가 있는 jsfiddle.net 에서 데이터가 삭제된 것 같아요. 구글에서 검색해보시면 예제 파일을 찾아보실 수 있으실 거에요.
    대화보기
    • 코린코린몬
      혹시 404 페이지 못찾는 에러 뜨는데 왜이럴까요... 모든 태그들의 예제가 404 에러가 뜨네요...
    • 김민수
      html5 부터는 deprecated 되었으며 별도의 의미는 가지나 그것이 특정 기능을 하는 것이 아니라고 판단하여 div로 통합되었고 id값으로 주어 스타일 적용을 위해 이용되고 있습니다. 일반적인 프로그래밍의 배치관리자와는 다른 기능을 합니다.
      대화보기
      • 푸른하늘
        7
      • 링고쥬스
        잘못된 정보입니다.
        1. header는 사이트 설명이나 탐색에 도움이 되는 요소를 묶는 컨테이너입니다. 상단에 있다고 header는 아니라는 것
        2. hedaer, footer, section, nav, article을 의미 론적 요소 = 의미가있는 요소, 시멘틱 태그라고 하는데요.
        의미는 없고 css를 꾸미기 위해 컨텐츠를 묶으셨다면 시멘틱 태그가 아니라 div를 사용하셔야 합니다.
        대화보기
        • 곽소연
          기능은 없고...
          1. 여기 부터는 위에 부분이다, 아래부분이다, 옆에 있는 부분이다를 알려줘서...
          유지관리 하기 쉽게 하기 위해서...

          2. CSS에서 모양을 주기위해...실제로 옆으로 위치시키고, 위에 위치시키고, 아래에 위치시고
          조정하기위해 마크를 해놓는 것입니다.

          참고 : https://opentutorials.org......849
        • 곽소연
        • Innoprenuer
          오픈 튜토리알스 ㅋㅋ