HTML5에서 도입
설명
The HTML Footer Element (<footer>) represents a footer for its nearest sectioning content or sectioning root element (i.e, its nearest parent <article>, <aside>, <nav>, <section>, <blockquote>, <body>, <details>, <fieldset>, <figure>, <td>). A footer typically contains information about the author of the section, copyright data or links to related documents.
HTML 푸터 요소(<footer>)는 가장 가까운 섹션 내용이나 섹션 루트 요소(i, e, 이것의 가까운 부모 엘리먼트인 <article>, <aside>, <nav>, <section>, <blockquote>, <body>, <details>,<fieldset>, <figure>, <td>)에 대한 푸터를 표현한다. 푸터 영역에는 일반적으로 섹션의 저자 정보, 저작권 정보나 관련된 문서에 대한 링크등을 담는다. HTML5 이전에는 <div id="footer">과 같은 방법으로 푸터의 레이아웃을 표현하였으나, HTML5를 기점으로 푸터 요소가 생기면서 <div>대신 푸터 요소를 이용할 수 있게 되었다.
참고 :
•Enclose information about the author in an <address> element that can be included into the <footer> element.
•The <footer> element is not sectioning content and therefore doesn't introduce a new section in the outline.
참고
• <address> 요소 안에 포함되는 저자 관련 정보는 <footer> 요소에도 들어갈 수 있다.
• <footer> 요소는 내용을 섹션화하지 않는다. 그렇기 때문에 아웃라인에 새로운 섹션을 만들지 않는다.
Usage Context
| Permitted content | Flow content, but with no <footer> or <header> descendants. |
| Tag omission | None, both the start tag and the end tag are mandatory. |
| Permitted parent elements | Any element that accepts flow content. Note that a <footer> element must not be a descendant of an<address>, <header> or another <footer> element. |
| Normative document | HTML5, section 4.4.9 |
속성
이 엘리먼트는 전역속성을 지원한다.
예제
<footer> Copyright ⓒ 2011 생활코딩. All rights reserved. 해당 <article>에 대한 저작권은 생활코딩에 있습니다. </footer>
DOM Interface
This element implements the HTMLElement interface.
이 요소는 HTMLElement 인터페이스를 구현한다.
호환성
| 기능 | 구글크롬 | 파이어폭스Gecko) | 인터넷 익스플로러 | Opera | Safari |
|---|---|---|---|---|---|
| 기본적인 지원 | 지원 | 4.0 (2.0) | 9.0 | 11.0 | 4.0 |
| 기능 | 안드로이드 | 파이어폭스 모바일(Gecko) | 인터넷 익스플로러 모바일 | 오페라 모바일 | 사파리 모바일 |
|---|---|---|---|---|---|
| 기본적인 지원 | 4.0 (2.0) |
