1. HEADER 헤더 부분은 헤더태그를 만들고 내용을 그 안에 넣어야 한다.
<body>
<header> <!--헤더 만드는 부분은 헤더를 지정해 줘야한다.-->
<div class="header">
<div class="container">
<div class="container-left clearfix">
<div class="logo">
<img src="https://heropcode.github.io/GitHub-Responsive/img/logo.svg" alt="GitHub Logo">
</div>
<ul class="menu clearfix"> <!--메뉴라는 부분은 메뉴목록을 지정하는 부분이다.-->
<li class="menu-item">Personal</li>
<li class="menu-item">Open Source</li>
<li class="menu-item">Business</li>
<li class="menu-item">Explore</li>
</ul>
</div>
</div>
</div>
</header>
</body><header>요소는 소개나 탐색을 돕는것의 그룹을 나타낸다. 이것은 일부 제목 요소들을 포함할수도 있지만, 로고나 구획의 제목, 탐색 폼과 같은것들이 포함할수도 있다.
단, 다음과 같이 header안에 header가 또 들어갈 수 없다. 또한 footer도 들어갈 수 없다.
<header>
<div>
<img src="" alt="">
</div>
<header>
</header>
</header>'HTML > 요소' 카테고리의 다른 글
| BODY 내 구조 개념 --> 콘텐츠 구분 MAIN (0) | 2020.12.24 |
|---|---|
| BODY 내 구조 개념 --> 콘텐츠 구분 FOOTER (0) | 2020.12.24 |
| 주요범위 & 메타데이터 - HTML, HEAD, BODY, TITLE (0) | 2020.12.23 |
| 기본 문서작성 다시 리뷰 (0) | 2020.06.06 |
| 블록레벨(Block level) 요소와 인라인(Inline) 요소 (0) | 2020.06.05 |