반응형
FOOTER태그란?
<footer>태그는 주로 웹 페이지 마지막에 등장합니다. 주로 저작권 정보, 연락처, 사이트 링크, 소셜 미디어 아이콘 등의 정보를 포함하고 있죠.
예시
<!DOCTYPE html>
<html>
<head>
<title>내 웹 페이지</title>
</head>
<body>
<header>
<!-- 웹 페이지 헤더 내용 -->
</header>
<nav>
<!-- 웹 페이지 네비게이션 내용 -->
</nav>
<main>
<!-- 웹 페이지의 주요 내용 -->
</main>
<footer>
<p>© 2023 내 웹 페이지. 모든 권리 보유.</p>
<ul>
<li><a href="contact.html">연락처</a></li>
<li><a href="about.html">회사 소개</a></li>
<li><a href="privacy.html">개인 정보 보호 정책</a></li>
</ul>
<!-- 추가적인 내용을 여기에 작성 -->
</footer>
</body>
</html>
박스를 쳐서 보면 아래와 같은 위치입니다.
footer 사례
우리가 잘 알고 있는 네이버, 카카오, 토스 홈페이지도 당연히 footer가 있습니다.
각 홈페이지의 푸터 영역은 아래와 같이 구성되어 있네요.
반응형
'HTML' 카테고리의 다른 글
| 효과적인 이미지 및 콘텐츠 표현을 위한 HTML figure 태그 활용 (0) | 2023.06.08 |
|---|---|
| HTML Form 태그 : 효과적인 웹 폼 디자인과 상호작용을 위한 태그 (0) | 2023.06.07 |
| HTML main 태그, body 태그 내에서 핵심 콘텐츠를 감싸는 공간 (0) | 2023.06.05 |
| HTML의 핵심요소, 웹페이지의 내용을 담는 body 태그 (0) | 2023.06.04 |
| HTML Label 태그, input 태그와 함께 다니는 최적 조합 (0) | 2023.06.03 |
