html/css 독학하기

코스 전체목록

닫기

footer

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 인터페이스를 구현한다.

호환성

Desktop
기능 구글크롬 파이어폭스Gecko) 인터넷 익스플로러 Opera Safari
기본적인 지원 지원 4.0 (2.0) 9.0 11.0 4.0
Mobile
기능 안드로이드 파이어폭스 모바일(Gecko) 인터넷 익스플로러 모바일 오페라 모바일 사파리 모바일
기본적인 지원   4.0 (2.0)      

참고

댓글

댓글 본문
버전 관리
graphittie
현재 버전
선택 버전
graphittie 자세히 보기