<footer>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨2015ë 7ìâ©.
HTML <footer> ììë ê°ì¥ ê°ê¹ì´ 구í ì½í
ì¸ ë 구í 루í¸ì í¸í°ë¥¼ ëíë
ëë¤. í¸í°ë ì¼ë°ì ì¼ë¡ 구íì ìì±ì, ì ìê¶ ì ë³´, ê´ë ¨ 문ì ë±ì ë´ì©ì ë´ìµëë¤.
ìëí´ ë³´ê¸°
<article>
<h1>How to be a wizard</h1>
<ol>
<li>Grow a long, majestic beard.</li>
<li>Wear a tall, pointed hat.</li>
<li>Have I mentioned the beard?</li>
</ol>
<footer>
<p>© 2018 Gandalf</p>
</footer>
</article>
article {
min-height: 100%;
display: grid;
grid-template-rows: auto 1fr auto;
}
footer {
display: flex;
justify-content: center;
padding: 5px;
background-color: #45a1ff;
color: #fff;
}
| ì½í ì¸ ì¹´í ê³ ë¦¬ | íë¡ì° ì½í ì¸ , ëë ·í ì½í ì¸ . |
|---|---|
| ê°ë¥í ì½í ì¸ |
íë¡ì° ì½í
ì¸ . ë¨, <header>ì ë¤ë¥¸
<footer>ë ììì´ ë ì ììµëë¤.
|
| íê·¸ ìëµ | ë¶ê°ë¥, ììê³¼ ëì í그를 ì¶ê°íë ê²ì íìì ëë¤. |
| ê°ë¥í ë¶ëª¨ ìì |
íë¡ì° ì½í
ì¸ ë¥¼ íì©íë 모ë ìì. ë¨, <footer> ììë
<address>, <header>,
í¹ì ë¤ë¥¸ <footer>ì ììì¼ ì ììµëë¤.
|
| ê°ë¥í ARIA ìí |
group, presentation
|
| DOM ì¸í°íì´ì¤ | HTMLElement |
í¹ì±
ì´ ììë ì ì í¹ì±ë§ í¬í¨í©ëë¤.
ì¬ì© ì¼ë
ìì
html
<footer>
Some copyright info or perhaps some author info for an <article>?
</footer>
ì ê·¼ì± ê³ ë ¤ì¬í
VoiceOver ì¤í¬ë¦° 리ëë ëëë§í¬ ë¡í°ìì í¸í°ì ëëë§í¬ ìí ì íííì§ ìë 문ì ê° ììµëë¤. í´ê²°íë ¤ë©´ <footer>ì role="contentinfo"를 ì¶ê°íì¸ì.
ëª ì¸
| Specification |
|---|
| HTML # the-footer-element |