diff options
Diffstat (limited to 'files/ru/web/html/element/footer/index.html')
| -rw-r--r-- | files/ru/web/html/element/footer/index.html | 113 |
1 files changed, 113 insertions, 0 deletions
diff --git a/files/ru/web/html/element/footer/index.html b/files/ru/web/html/element/footer/index.html new file mode 100644 index 0000000000..5edcb6f5d5 --- /dev/null +++ b/files/ru/web/html/element/footer/index.html @@ -0,0 +1,113 @@ +--- +title: <footer> +slug: Web/HTML/Element/footer +tags: + - Element + - HTML + - Разделы + - Разделы HTML + - Справка + - Элемент +translation_of: Web/HTML/Element/footer +--- +<p>{{HTMLRef}}</p> + +<p><span class="seoSummary"><strong>HTML-элемент</strong> <strong> <code><footer></code> </strong>представляет собой нижний колонтитул (футер, подвал) для своего ближайшего <a href="/ru/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document#Задание_разделов_в_HTML5">секционного контента</a> или <a href="/ru/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document#Корни_задания_разделов">секционного корня</a>. Футер обычно содержит информацию об авторе раздела, информацию об авторском праве или ссылки на связанные документы.</span></p> + +<div>{{EmbedInteractiveExample("pages/tabbed/footer.html", "tabbed-standard")}}</div> + +<p class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</p> + +<table class="properties"> + <tbody> + <tr> + <th><a href="/ru/docs/Web/Guide/HTML/Content_categories">Категории контента</a></th> + <td><a href="/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток">Основной поток</a>, <a href="/ru/docs/Web/Guide/HTML/Content_categories#Явный_контент">явный контент</a>.</td> + </tr> + <tr> + <th>Разрешенное содержимое</th> + <td><a href="/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток">Контент основного потока</a>, кроме <code><footer></code> и {{HTMLElement("header")}}.</td> + </tr> + <tr> + <th>Пропуск тега</th> + <td>Ни одного; Оба тега, открывающий и закрывающий, являются обязательными.</td> + </tr> + <tr> + <th>Разрешенные родительские элементы</th> + <td>Любой элемент, который разрешает <a href="/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток">Контент основного потока</a> в качестве содержимого. Обратите внимание, что элемент <code><footer></code> не должен быть потомком элемента {{HTMLElement("address")}}, {{HTMLElement("header")}} или другого элемента <code><footer></code>.</td> + </tr> + <tr> + <th>Разрешенные ARIA роли</th> + <td>{{ARIARole("group")}}, {{ARIARole("presentation")}}</td> + </tr> + <tr> + <th>DOM-интерфейс</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Атрибуты">Атрибуты</h2> + +<p>К этому элементу применимы только <a href="/ru/docs/Web/HTML/Общие_атрибуты">глобальные атрибуты</a>.</p> + +<h2 id="Примечание">Примечание</h2> + +<ul> + <li>Заключите информацию об авторе в элемент {{HTMLElement("address")}}, который может быть добавлен в элемент <code><footer></code>.</li> + <li>Элемент <code><footer></code> не относится к секционному контенту, а значит не создает новый раздел в <a href="/ru/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document" title="Разделы и структура документа HTML5">структуре HTML-документа</a>.</li> +</ul> + +<h2 id="Примеры">Примеры</h2> + +<pre class="brush: html"><footer> + Какая-то информация об авторском праве или может + информация об авторе статьи? +</footer> +</pre> + +<h2 id="Проблемы_доступности">Проблемы доступности</h2> + +<p>У программа чтения с экрана <a href="https://help.apple.com/voiceover/info/guide/">VoiceOver</a> есть проблема, при которой она не читает элемент <code><footer></code> (не добавляет <a href="/ru/docs/Learn/Доступность/WAI-ARIA_basics#SignpostsLandmarks">роль-ориентир</a> элемента <code><footer></code> в список ориентиров). Чтобы решить эту проблему добавьте <code>role="contentinfo"</code> в элемент <code><footer></code>.</p> + +<ul> + <li><a href="https://bugs.webkit.org/show_bug.cgi?id=146930">WebKit Bugzilla: 146930 - AX: Нативные элементы HTML (header, footer, main, aside, nav) должны работать также, как ориентиры ARIA, но иногда они этого не делают</a></li> +</ul> + +<h2 id="Спецификации">Спецификации</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Спецификация</th> + <th scope="col">Статус</th> + <th scope="col">Комментарий</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics#the-footer-element', '<footer>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-footer-element', '<footer>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td></td> + </tr> + </tbody> +</table> + +<h2 id="Поддержка_браузерами">Поддержка браузерами</h2> + + + +<p>{{Compat("html.elements.footer")}}</p> + +<h2 id="Смотрите_также">Смотрите также</h2> + +<ul> + <li>Связанные с этим разделом элементы: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}};</li> + <li class="last"><a href="/ru/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document" title="Разделы и структура документа HTML5">Разделы и структура документа HTML5.</a>.</li> + <li class="last"><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Contentinfo_role">ARIA: роль сontentinfo</a></li> +</ul> |