<footer>

HTML <footer> 요소는 가장 가까운 구획 콘텐츠구획 루트의 푸터를 나타냅니다. 푸터는 일반적으로 구획의 작성자, 저작권 정보, 관련 문서 등의 내용을 담습니다.

콘텐츠 카테고리 플로우 콘텐츠, 뚜렷한 콘텐츠.
가능한 콘텐츠 플로우 콘텐츠. 단, <header>와 다른 <footer>는 자손이 될 수 없습니다.
태그 생략 None, both the starting and ending tag are mandatory.
가능한 부모 요소 플로우 콘텐츠를 허용하는 모든 요소. 단, <footer> 요소는 <address>, <header>, 혹은 다른 <footer>의 자손일 수 없습니다.
가능한 ARIA 역할 group, presentation
DOM 인터페이스 HTMLElement

특성

이 요소는 전역 특성만 포함합니다.

사용 일람

  • <address> 요소로 감싼 작성자 정보를 <footer> 요소에 배치하세요.
  • <footer> 요소는 구획 콘텐츠가 아니므로 개요에 새로운 구획을 추가하지 않습니다.

예제

<footer>
  Some copyright info or perhaps some author
  info for an &lt;article&gt;?
</footer> 

접근성 고려사항

VoiceOver 스크린 리더는 랜드마크 로터에서 푸터의 랜드마크 역할을 표현하지 않는 문제가 있습니다. 해결하려면 <footer>role="contentinfo"를 추가하세요.

명세

명세 상태 주석
HTML Living Standard
The definition of '<footer>' in that specification.
Living Standard
HTML5
The definition of '<footer>' in that specification.
Recommendation

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
footerChrome Full support 5Edge Full support 12Firefox Full support 4IE Full support 9Opera Full support 11.1Safari Full support 4.1WebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support 11.1Safari iOS Full support 4.2Samsung Internet Android Full support Yes

Legend

Full support  
Full support

같이 보기