HTML <바닥글> 태그


예시

문서의 바닥글 섹션:

<footer>
  <p>Author: Hege Refsnes</p>
  <p><a href="mailto:[email protected]">[email protected]</a></p>
</footer>

아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.


정의 및 사용

<footer>태그는 문서 또는 섹션의 바닥글을 정의합니다 .

요소 에는 <footer>일반적으로 다음이 포함됩니다.

  • 저작권 정보
  • 저작권 정보
  • 연락처 정보
  • 사이트맵
  • 맨 위로 링크로 돌아가기
  • 관련된 문서

하나의 문서에 여러 <footer>요소가 있을 수 있습니다.


팁 및 참고 사항

팁: 요소 내부의 연락처 정보 는 <address> 태그 <footer>안에 들어가야 합니다 .


브라우저 지원

표의 숫자는 요소를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

Element
<footer> 5.0 9.0 4.0 5.0 11.1

전역 속성

<footer>태그는 HTML의 전역 속성도 지원 합니다 .


이벤트 속성

<footer>태그는 HTML의 이벤트 속성 도 지원합니다 .



더 많은 예

예시

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

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>

<footer>
  <p>Author: Hege Refsnes<br>
  <a href="mailto:[email protected]">[email protected]</a></p>
</footer>

</body>
</html>

관련 페이지

HTML DOM 참조: 바닥글 개체


기본 CSS 설정

대부분의 브라우저는 <footer>다음 기본값으로 요소를 표시합니다.

footer {
  display: block;
}