<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 г..
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;
}
| ÐаÑегоÑии конÑенÑа | ÐÑновной поÑок, ÑвнÑй конÑенÑ. |
|---|---|
| ÐопÑÑÑимое ÑодеÑжимое | ÐонÑÐµÐ½Ñ Ð¾Ñновного поÑока, кÑоме <footer> и <header>. |
| ÐÑопÑÑк Ñегов | ÐеÑ, оÑкÑÑваÑÑий и закÑÑваÑÑий Ñеги обÑзаÑелÑнÑ. |
| ÐопÑÑÑимÑе ÑодиÑели | ÐÑбой ÑлеменÑ, коÑоÑÑй ÑазÑеÑÐ°ÐµÑ ÐонÑÐµÐ½Ñ Ð¾Ñновного поÑока в каÑеÑÑве ÑодеÑжимого. ÐбÑаÑиÑе внимание, ÑÑо ÑÐ»ÐµÐ¼ÐµÐ½Ñ <footer> не должен бÑÑÑ Ð¿Ð¾Ñомком ÑлеменÑа <address>, <header> или дÑÑгого ÑлеменÑа <footer>. |
| ÐопÑÑÑимÑе ARIA-Ñоли | group, presentation |
| DOM-инÑеÑÑÐµÐ¹Ñ | HTMLElement |
ÐÑÑибÑÑÑ
Ð ÑÑÐ¾Ð¼Ñ ÑлеменÑÑ Ð¿ÑÐ¸Ð¼ÐµÐ½Ð¸Ð¼Ñ ÑолÑко глобалÑнÑе аÑÑибÑÑÑ.
ÐÑимеÑание
- ÐаклÑÑиÑе инÑоÑмаÑÐ¸Ñ Ð¾Ð± авÑоÑе в ÑлеменÑ
<address>, коÑоÑÑй Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð´Ð¾Ð±Ð°Ð²Ð»ÐµÐ½ в ÑлеменÑ<footer>. - ÐлеменÑ
<footer>не оÑноÑиÑÑÑ Ðº ÑекÑÐ¸Ð¾Ð½Ð½Ð¾Ð¼Ñ ÐºÐ¾Ð½ÑенÑÑ, а знаÑÐ¸Ñ Ð½Ðµ ÑоздаÑÑ Ð½Ð¾Ð²Ñй Ñаздел в ÑÑÑÑкÑÑÑе HTML-докÑменÑа.
ÐÑимеÑÑ
<footer>
ÐакаÑ-Ñо инÑоÑмаÑÐ¸Ñ Ð¾Ð± авÑоÑÑком пÑаве или Ð¼Ð¾Ð¶ÐµÑ Ð¸Ð½ÑоÑмаÑÐ¸Ñ Ð¾Ð± авÑоÑе ÑÑаÑÑи?
</footer>
ÐоÑÑÑпноÑÑÑ
У пÑогÑамма ÑÑÐµÐ½Ð¸Ñ Ñ ÑкÑана VoiceOver еÑÑÑ Ð¿Ñоблема, пÑи коÑоÑой она не ÑиÑÐ°ÐµÑ ÑÐ»ÐµÐ¼ÐµÐ½Ñ <footer> (не добавлÑÐµÑ ÑолÑ-оÑиенÑÐ¸Ñ ÑлеменÑа <footer> в ÑпиÑок оÑиенÑиÑов). ЧÑÐ¾Ð±Ñ ÑеÑиÑÑ ÑÑÑ Ð¿ÑÐ¾Ð±Ð»ÐµÐ¼Ñ Ð´Ð¾Ð±Ð°Ð²ÑÑе role="contentinfo" в ÑÐ»ÐµÐ¼ÐµÐ½Ñ <footer>.
СпеÑиÑикаÑии
| Specification |
|---|
| HTML # the-footer-element |