HTML <footer> 태그

정의와 사용법

<footer> 태그는 문서나 절의 발脚印을 정의합니다.

<footer> 요소는 일반적으로 포함합니다:

  • 저자 정보
  • 저작권 정보
  • 연락처 정보
  • 사이트 맵
  • 위로 이동 링크
  • 관련 페이지

한 문서에 여러 개의 <footer> 요소.

추가로 참조:

HTML DOM 참조 가이드:Footer 객체

예제

예제 1

문서의 발脚印 부분:

<footer>
  <p>저자: Bill Gates</p>
  <p><a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>

직접 시도해 보세요

예제 2

CSS를 사용하여 설정 <footer> 의 스타일:

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>
<footer>
  <p>저자: Bill Gates<br>
  <a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>
</body>
</html>

직접 시도해 보세요

ヒント 및 주석

ヒント:<footer> 요소 내의 연락처 정보는 <address> 태그 내에서.

전역 속성

<footer> 태그는 또한 HTML에서의 전역 속성.

이벤트 속성을 지원합니다

<footer> 태그는 또한 HTML에서 이벤트 속성.

기본 CSS 설정

대부분의 브라우저는 다음과 같은 기본 값으로 표시됩니다 <footer> 요소:

footer {
  display: block;
}

브라우저 지원

표의 숫자는 이 요소를 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
5.0 9.0 4.0 5.0 11.1