HTML | header (헤더 태그들)

Ryan·2020년 10월 9일
0

HTML

목록 보기
4/7
post-thumbnail

: <header>는 일반적으로 <h1><h2>등등의 제목을 작성하는 태그이다.
head 가 아니라 header이므로 헷갈리지말자.
header 란 body에 들어가는 시메틱 태그이다.
시메틱 태그는 링크 에서 자세히 다루고 있으니 참고하도록 하자.

헤더에 들어가는 요소들

<header>
  <h1>
     Everything you need to know about pizza!
  </h1>
</header>
  • 이 코드는 아래의 div 태그보다 훨씬 가독성이 좋아진다.
  • 또한 시메틱 태그의 효과로 내 웹페이지에 가장 중요한 부분이 이 헤더에 적힌 내용으로 검색 될 것이다.
<div id="header">
  <h1>
    Everything you need to know about pizza!
  </h1>
</div>
  • 또한 헤더 내부에는 네비게이션 태그를 사용하기도 한다.
    (상단 헤더부분에 메뉴바가 들어가 있는 경우겠지??)
<header> 
  <nav>
    <ul>
      <li><a href="#home">Home</a></li>
      <li><a href="#about">About</a></li>      
    </ul>
  </nav>
</header>
profile
"꾸준한 삽질과 우연한 성공"

0개의 댓글