diff options
Diffstat (limited to 'files/ru/web/html/element/article/index.html')
| -rw-r--r-- | files/ru/web/html/element/article/index.html | 148 |
1 files changed, 148 insertions, 0 deletions
diff --git a/files/ru/web/html/element/article/index.html b/files/ru/web/html/element/article/index.html new file mode 100644 index 0000000000..88bb5e5a48 --- /dev/null +++ b/files/ru/web/html/element/article/index.html @@ -0,0 +1,148 @@ +--- +title: <article> +slug: Web/HTML/Element/article +tags: + - Element + - HTML + - Web + - Веб + - Разделы + - Разделы HTML + - Справка + - Элемент +translation_of: Web/HTML/Element/article +--- +<div>{{HTMLRef}}</div> + +<p><span class="seoSummary"><strong>HTML-элемент <code><article></code></strong> представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для независимого распространения или повторного использования.</span> Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого.</p> + +<div>{{EmbedInteractiveExample("pages/tabbed/article.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> + +<p>Данный документ может иметь множество статей; например, когда читатель просматривает блог, в котором текст каждой статьи отображается один за другим, каждая публикация будет находиться в элементе <code><article></code>, возможно, с одним или более элементами <code><section></code> внутри.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><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>, <a href="/ru/docs/Web/Guide/HTML/Content_categories#Явный_контент">явный контент</a>.</td> + </tr> + <tr> + <th scope="row">Разрешенное содержимое</th> + <td><a href="/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток">Основной поток</a>.</td> + </tr> + <tr> + <th scope="row">Пропуск тега</th> + <td>Ни одного; Оба тега, открывающий и закрывающий, являются обязательными.</td> + </tr> + <tr> + <th scope="row">Разрешенные родительские элементы</th> + <td>Любой элемент, который разрешает <a href="/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток">контент основного потока</a> в качестве содержимого. Обратите внимание, что элемент <code><article></code> не должен быть потомком элемента {{HTMLElement("address")}}.</td> + </tr> + <tr> + <th scope="row">Разрешенные ARIA роли</th> + <td>{{ARIARole("application")}}, {{ARIARole("document")}}, {{ARIARole("feed")}}, {{ARIARole("main")}}, {{ARIARole("presentation")}}, {{ARIARole("region")}}</td> + </tr> + <tr> + <th scope="row">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>Каждый элемент <code><article></code> должен быть идентифицирован, обычно путем добавления заголовка (элементы <a href="/ru/docs/Web/HTML/Element/Heading_Elements"><code><h1></code>-<code><h6></code></a>) в качестве дочернего элемента.</li> + <li>Когда элемент <code><article></code> является вложенным, внутренний элемент представляет собой контент связанный с внешним элементом. Например, комментарии к публикации в блоге могут быть элементами <code><article></code>, вложенными в другой <code><article></code>, являющийся публикацией в блоге.</li> + <li>Информация об авторе в элементе <code><article></code> может быть представлена через элемент {{HTMLElement("address")}}, но это не применимо к вложенным элементам <code><article></code>.</li> + <li>Дата и время публикации в элементе <code><article></code> могут быть описаны с помощью атрибута {{htmlattrxref("datetime", "time")}} элемента {{HTMLElement("time")}}. <em>Обратите внимание, что атрибут {{htmlattrxref("pubdate", "time")}} элемента {{HTMLElement("time")}} больше не является частью стандарта {{glossary("W3C")}} {{glossary("HTML5")}}.</em></li> +</ul> + +<h2 id="Примеры">Примеры</h2> + +<pre class="brush: html"><article class="film_review"> + <header> + <h2>Парк Юрского периода</h2> + </header> + <section class="main_review"> + <p>Динозавры были величественны!</p> + </section> + <section class="user_reviews"> + <article class="user_review"> + <p>Слишком страшно для меня.</p> + <footer> + <p> + Опубликовано + <time datetime="2015-05-16 19:00">16 мая</time> + Лизой. + </p> + </footer> + </article> + <article class="user_review"> + <p>Я согласен, динозавры мои любимцы.</p> + <footer> + <p> + Опубликовано + <time datetime="2015-05-17 19:00">17 мая</time> + Томом. + </p> + </footer> + </article> + </section> + <footer> + <p> + Опубликовано + <time datetime="2015-05-15 19:00">15 мая</time> + Стаффом. + </p> + </footer> +</article> +</pre> + +<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', 'sections.html#the-article-element', '<article>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', 'sections.html#the-article-element', '<article>')}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-article-element', '<article>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td></td> + </tr> + </tbody> +</table> + +<h2 id="Поддержка_браузерами">Поддержка браузерами</h2> + + + +<p>{{Compat("html.elements.article")}}</p> + +<h2 id="Смотрите_также">Смотрите также</h2> + +<ul> + <li>Связанные с этим разделом элементы: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}</li> + <li class="last"><a class="deki-ns current" href="/ru/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document">Разделы и структура документа HTML5</a>.</li> +</ul> |