HTML <footer>: 꼬리말 요소

ALATTA

HTML <footer> 요소는 가장 가까운 구획 콘텐츠나 구획 루트의 푸터(꼬리말 영역)를 나타냅니다. 푸터는 보통 구획의 작성자, 저작권 정보, 관련 문서 등의 내용을 담습니다.

footer {
  background: #333;
  color: #fff;
  padding: 16px 8px;
  text-align: center;
}

<article>
  <h1>봉골레 파스타 만드는 법</h1>
  <ol>
    <li>준비한 면을 삶는다. 맛소금을 넣으면 좋다.</li>
    <li>팬에 오일을 두른다.</li>
    <li>???</li>
    <li>완성!</li>
  </ol>
  <footer>
    <small>라이선스: CC BY-SA 4.0</small>
  </footer>
</article>

불러오는 중...

특성

전역 특성만 포함합니다.

접근성

Safari 13 미만에서는 VoiceOver가 <footer>의 contentinfo 랜드마크 역할을 제대로 표현하지 못합니다. 구형 Safari를 지원해야 하면 role="contentinfo" 특성을 직접 추가해서 랜드마크 역할이 제대로 표현되도록 해주세요.

명세

HTML Standard

브라우저 호환성

MDN browser-compat-data
데스크톱모바일
iOSAndroid
SafariChromeFirefoxSafariChromeFirefoxSamsung Internet
footer

같이 보기