diff options
| author | MDN <actions@users.noreply.github.com> | 2021-06-16 00:36:25 +0000 |
|---|---|---|
| committer | MDN <actions@users.noreply.github.com> | 2021-06-16 00:36:25 +0000 |
| commit | 2c06c1e456cf28d032c6afc4f1613447b620e16e (patch) | |
| tree | 91618dce0963b2aba5a37db6c21f35ab7b023d27 /files/ru/web/guide | |
| parent | 88c9a51552ce1bcbbd33ef0dd69e2bdb7255121d (diff) | |
| download | translated-content-2c06c1e456cf28d032c6afc4f1613447b620e16e.tar.gz translated-content-2c06c1e456cf28d032c6afc4f1613447b620e16e.tar.bz2 translated-content-2c06c1e456cf28d032c6afc4f1613447b620e16e.zip | |
[CRON] sync translated content
Diffstat (limited to 'files/ru/web/guide')
| -rw-r--r-- | files/ru/web/guide/html/using_html_sections_and_outlines/index.html | 374 |
1 files changed, 0 insertions, 374 deletions
diff --git a/files/ru/web/guide/html/using_html_sections_and_outlines/index.html b/files/ru/web/guide/html/using_html_sections_and_outlines/index.html deleted file mode 100644 index 0fa431ef8b..0000000000 --- a/files/ru/web/guide/html/using_html_sections_and_outlines/index.html +++ /dev/null @@ -1,374 +0,0 @@ ---- -title: Использование разделов и создание структуры HTML документа -slug: Web/Guide/HTML/Using_HTML_sections_and_outlines -tags: - - HTML5 - - Веб - - Для опытных разработчиков - - Обзор - - Пример - - Разделы - - Руководство - - Структура -translation_of: Web/Guide/HTML/Using_HTML_sections_and_outlines -original_slug: Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document ---- -<div class="warning"> -<p><strong>Важно</strong>: В настоящее время нет известных реализаций алгоритма построения структуры документа в графических браузерах или пользовательских приложениях, использующих реабилитационные технологии, хотя такой алгоритм внедрён в другие приложения, например, в средствах проверки соответствия спецификации. Поэтому алгоритм <a href="http://www.w3.org/TR/html5/sections.html#outline">построения структуры</a> нельзя использовать для передачи структуры документа пользователям. Авторы рекомендуют использовать для этой цели <a href="http://www.w3.org/TR/html5/sections.html#rank">степень важности</a> заголовков (<code><a href="http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h1</a></code>-<code><a href="http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h6</a></code>).</p> -</div> - -<p>Спецификация HTML5 предлагает разработчикам несколько новых элементов, позволяющих описывать структуру веб-документа с помощью стандартной семантики. В настоящей статье описываются эти элементы и способы их использования для создания требуемой структуры любого документа.</p> - -<h2 id="Структура_документа_в_HTML_4">Структура документа в HTML 4</h2> - -<p>Структура документа, т. е. семантическая структура контента, заключённого в теги <code><body></code> и <code></body></code>, является основой для представления страницы пользователю. HTML4 использует для описания структуры страницы разделы и подразделы. Раздел определяется элементом ({{HTMLElement("div")}}) с включёнными в него элементами заголовка ({{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}} или {{HTMLElement("h6")}}), содержащими его название. Структура документа определяется отношениями между этими элементами.</p> - -<p>Так, следующая разметка:</p> - -<div style="overflow: hidden;"> -<pre class="brush:xml notranslate"><div class="section" id="forest-elephants" > - <h1>Лесные слоны</h1> - <p>В данном разделе мы поговорим о малоизвестных лесных слонах. - ...продолжение данного раздела... - <div class="subsection" id="forest-habitat" > - <h2>Среда обитания</h2> - <p>Лесные слоны живут не на деревьях, а под ними. - ...продолжение данного подраздела... - </div> -</div> -</pre> -</div> - -<p>обеспечивает следующую структуру:</p> - -<pre class="notranslate">1. Лесные слоны - 1.1 Среда обитания -</pre> - -<p>Для задания нового раздела не обязательно использовать элементы {{HTMLElement("div")}}. Для этого достаточно наличия элемента заголовка. Поэтому, разметка</p> - -<pre class="brush:xml notranslate"><h1>Лесные слоны</h1> - <p>В данном разделе мы поговорим о малоизвестных лесных слонах. - ...продолжение данного раздела... - <h2>Среда обитания</h2> - <p>Лесные слоны живут не на деревьях, а под ними. - ...продолжение данного подраздела... - <h2>Рацион</h2> -<h1>Монгольская песчанка</h1> -</pre> - -<p>обеспечивает следующую структуру:</p> - -<pre class="notranslate">1. Лесные слоны - 1.1 Среда обитания - 1.2 Рацион -2. Монгольская песчанка -</pre> - -<h2 id="Какие_проблемы_решает_HTML5">Какие проблемы решает HTML5</h2> - -<p>Определение структуры документа и неявный алгоритм создания структуры в HTML 4 не отличаются чёткостью, что порождает множество проблем:</p> - -<ol> - <li>Использование {{HTMLElement("div")}} для задания семантических разделов, без задания специальных значений для атрибутов <strong>class</strong> не позволяет автоматизировать алгоритм создания структуры («Является ли данный {{HTMLElement("div")}} частью структуры страницы, определяющим раздел или подраздел, или он используется исключительно для управления стилем?»). Другими словами, спецификация HTML4 не даёт точного определения разделу и чётких правил его определения. Автоматическое создание структуры имеет большое значение, особенно в случае с <a class="external" href="http://en.wikipedia.org/wiki/Assistive_technology" title="http://en.wikipedia.org/wiki/Assistive_technology">реабилитационными технологиями</a>, представляющими информацию пользователю в соответствии со структурой документа. HTML5 позволяет больше не использовать элементы {{HTMLElement("div")}} в алгоритме построения структуры благодаря добавлению нового элемента {{HTMLElement("section")}}.</li> - <li>Объединить несколько документов в один непросто: включение подчинённого документа в основной документ требует изменения уровня элементов заголовков для сохранения правильной структуры. В HTML5 эта проблема решена благодаря новым элементам задания разделов ({{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}} и {{HTMLElement("aside")}}), которые всегда являются подразделами ближайшего родительского раздела, независимо от того, какие разделы создаются внутренними заголовками.</li> - <li>В HTML4 каждый раздел является частью структуры документа. Однако часто документы отличаются сложной, нелинейной структурой. Документ может включать специальные разделы, информация в которых не является частью основного контента, хотя и связана с ним, например, рекламный блок или поясняющая заметка. HTML5 добавляет элемент {{HTMLElement("aside")}}, позволяющий исключить такие разделы из основной структуры.</li> - <li>Опять же, поскольку в HTML4 каждый раздел является частью структуры документа, как быть с разделами, содержащими информацию, касающуюся не конкретного документа, а всего сайта, например, логотипы, оглавления или информация об авторских правах и правовые положения. В HTML5 для этих целей добавлено три новых элемента: {{HTMLElement("nav")}} для наборов ссылок, например, оглавления, {{HTMLElement("footer")}} и {{HTMLElement("header")}} для информации, касающейся всего сайта. Обратите внимание, что {{HTMLElement("header")}} и {{HTMLElement("footer")}} не создают разделы как {{HTMLElement("section")}}, а, скорее, обеспечивают семантическую разметку частей раздела.</li> -</ol> - -<p>В общем, HTML5 обеспечивает большую точность при задании разделов и оглавлений, позволяя строить более предсказуемую структуру документа, что даёт браузерам возможность более качественно обслуживать пользователей.</p> - -<h2 id="Алгоритм_создания_структуры_HTML5">Алгоритм создания структуры HTML5</h2> - -<h3 id="Задание_разделов_в_HTML5">Задание разделов в HTML5</h3> - -<p>Весь контент, находящийся внутри {{HTMLElement("body")}}, является частью раздела. Разделы в HTML5 могут быть вложенными. Помимо основного раздела, определяемого элементом {{HTMLElement("body")}}, границы разделов определяются явным или неявным образом. Явным образом заданные разделы – это контент внутри тегов {{HTMLElement("body")}}, {{HTMLElement("section")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}} и {{HTMLElement("nav")}}. </p> - -<div class="note"><strong>Note: </strong>Каждый раздел может иметь собственную иерархию заголовков. Следовательно, даже вложенный раздел может иметь {{HTMLElement("h1")}}. См. <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#Defining_Headings_in_HTML5" title="en-US/docs/Sections_and_Outlines_of_an_HTML5_document#Defining_Headings_in_HTML5">«Задание заголовков в HTML5»</a>.</div> - -<p>Например:</p> - -<pre class="brush:xml notranslate"><section> - <h1>Лесные слоны</h1> - <section> - <h1>Введение</h1> - <p>В данном разделе мы поговорим о малоизвестных лесных слонах.</p> - </section> - <section> - <h1>Среда обитания</h1> - <p>Лесные слоны живут не на деревьях, а под ними.</p> - </section> - <aside> - <p>рекламный блок</p> - </aside> -</section> -<footer> - <p>(c) 2010 The Example company</p> -</footer></pre> - -<p>Данный фрагмент HTML задаёт раздел верхнего уровня:</p> - -<pre class="notranslate"><span style="color: red;"><section> - <h1>Лесные слоны</h1> - <section> - <h1>Введение</h1> - <p>В данном разделе мы поговорим о малоизвестных лесных слонах.</p> - </section> - <section> - <h1>Среда обитания</h1> - <p>Лесные слоны живут не на деревьях, а под ними.</p> - </section> - <aside> - <p>рекламный блок</p> - </aside> -</section></span> -<footer> - <p>(c) 2010 The Example company</p> -</footer></pre> - -<p>Данный раздел имеет три подраздела:</p> - -<pre class="notranslate"><section> - <h1>Лесные слоны</h1> - - <span style="color: red;"><section> - <h1>Введение</h1> - <p>В данном разделе мы поговорим о малоизвестных лесных слонах.</p> - </section></span> - - <span style="color: green;"><section> - <h1>Среда обитания</h1> - <p>Лесные слоны живут не на деревьях, а под ними.</p> - </section></span> - - <span style="color: blue;"><aside> - <p>рекламный блок</p> - </aside></span> -</section> - -<footer> - <p>(c) 2010 The Example company</p> -</footer></pre> - -<p>В результате получаем следующую структуру:</p> - -<pre class="notranslate">1. Лесные слоны - 1.1 Введение - 1.2 Среда обитания -</pre> - -<h3 id="Задание_заголовков_в_HTML5">Задание заголовков в HTML5</h3> - -<p>Хотя структура определяется элементами задания структуры, она будет практически бесполезна без заголовка. Основное правило очень простой: первый элемент заголовка (это может быть {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}) задаёт заголовок текущего раздела.</p> - -<p>Элемент заголовка имеет определённую <em>степень важности,</em> определяемую цифрой в его названии, таким образом, {{HTMLElement("h1")}} имеет <em>максимальную</em> степень важности, а {{HTMLElement("h6")}} <em>минимальную</em>. Соотношение степеней важности имеет смысл только внутри раздела; структура документа определяется структурами разделов, а не степенью важности заголовков разделов. Например, данный код:</p> - -<pre class="brush:xml notranslate"><section> - <h1>Лесные слоны</h1> - <p>В данном разделе мы поговорим о малоизвестных лесных слонах. - ...продолжение данного раздела... - <section> - <h2>Среда обитания</h2> - <p>Лесные слоны живут не на деревьях, а под ними. - ...продолжение данного подраздела... - </section> -</section> -<section> - <h3>Монгольская песчанка</h3> - <p>В данном разделе мы расскажем о монгольской песчанке. - ...продолжение данного раздела... -</section></pre> - -<p>приводит к следующей структуре:</p> - -<pre class="notranslate">1. Лесные слоны - 1.1 Среда обитания -2. Монгольская песчанка</pre> - -<p>Обратите внимание, что степень важности элемента заголовка (в данном примере {{HTMLElement("h1")}} для первого раздела верхнего уровня, {{HTMLElement("h2")}} для подраздела {{HTMLElement("h3")}} для второго раздела верхнего уровня) роли не играет. (В качестве заголовка явно заданного раздела может использоваться заголовок с любой степенью важности, хотя такая практика и не рекомендуется.)</p> - -<h3 id="Неявное_задание_разделов">Неявное задание разделов</h3> - -<p>Поскольку элементы задания разделов HTML5 Sectioning Elements не являются обязательными для задания структуры, можно задавать разделы и не используя их, чтобы обеспечить совместимость с веб-сайтами, созданными на HTML4. Это называется <em>неявным заданием разделов</em>.</p> - -<p>Элементы заголовков ({{HTMLElement("h1")}} — {{HTMLElement("h6")}}) задают новый, неявный раздел, когда не являются первым заголовком своего родительского, явно заданного раздела. То, как этот неявно заданный раздел располагается в структуре документа, определяется отношением важности его заголовка в важности предыдущего заголовка в родительском разделе. Если его степень важности ниже, чем у предыдущего заголовка, он открывает неявно заданный подраздел раздела. Следующий код:</p> - -<pre class="brush:xml notranslate"><section> - <h1>Лесные слоны</h1> - <p>В данном разделе мы поговорим о малоизвестных лесных слонах. - ...продолжение данного раздела... - <h3 class="implicit subsection">Среда обитания</h3> - <p>Лесные слоны живут не на деревьях, а под ними. - ...продолжение данного подраздела... -</section></pre> - -<p>приводит к следующей структуре:</p> - -<pre class="notranslate">1. Лесные слоны - 1.1 Среда обитания <em>(неявно задано элементом h3)</em> -</pre> - -<p>Если степень важности такого заголовка совпадает со степенью важности предыдущего заголовка, он закрывает предыдущий раздел (который мог быть задан неявно!) и открывает новый неявно заданный раздел на том же уровне: </p> - -<pre class="brush:xml notranslate"><section> - <h1>Лесные слоны</h1> - <p>В данном разделе мы поговорим о малоизвестных лесных слонах. - ...продолжение данного раздела... - <h1 class="implicit section">Монгольская песчанка</h1> - <p>Монгольская песчанка – это небольшое симпатичное млекопитающее. - ...продолжение данного раздела... -</section></pre> - -<p>приводит к следующей структуре:</p> - -<pre class="notranslate">1. Лесные слоны -2. Монгольская песчанка <em>(неявно задано элементом h1, который одновременно закрывает предыдущий раздел)</em> -</pre> - -<p>Если степень важности такого заголовка выше, чем у предыдущего заголовка, он закрывает предыдущий раздел и открывает новый неявно заданный раздел на более высоком уровне:</p> - -<pre class="brush:xml notranslate"><body> - <h1>Млекопитающие</h1> - <h2>Киты</h2> - <p>В данном разделе мы поговорим о китах. - ...продолжение данного раздела... - <section> - <h3>Лесные слоны</h3> - <p>В данном разделе мы поговорим о малоизвестных лесных слонах. - ...продолжение данного раздела... - <h3>Монгольская песчанка</h3> - <p>Песчанки распространились далеко за пределы Монголии. - ...продолжение данного подраздела... - <h2>Рептилии</h2> - <p>Рептилии – это холоднокровные животные. - ...продолжение данного раздела... - </section> -</body></pre> - -<p>приводит к следующей структуре:</p> - -<pre class="notranslate">1. Млекопитающие - 1.1 <em>Киты (неявно задаётся элементом h2)</em> - 1.2 Лесные слоны <em>(явным образом задаётся элементом раздела)</em> - 1.3 Монгольская песчанка <em>(неявно задаётся элементом h3, который одновременно закрывает предыдущий раздел)</em> -2. <em>Рептилии (неявно задаётся элементом h2, который одновременно закрывает предыдущий раздел)</em> -</pre> - -<p>Эта не та структура, которую можно было бы ожидать, бегло просмотрев теги заголовков. Чтобы разметка стала понятна человеку, а также чтобы степень важности заголовка соответствовала уровню вложенности раздела, рекомендуется использовать наглядные теги для открытия и закрытия разделов. Однако спецификация HTML5 этого не требует. Поэтому, если браузеры отображают структуру документа не так, как ожидалось, проверьте, нет ли в документе разделов, не явно закрытых элементами заголовков.</p> - -<p>Исключение из общего правила соответствия степени важности тега уровню вложенности раздела делается для разделов, которые могут использоваться в нескольких документах. Например, раздел может храниться в системе управления контентом и добавляться в документы при их генерировании. В этом случае рекомендуется начинать с {{HTMLElement("h1")}} в качестве главного заголовка многократно используемого раздела. Уровень вложенности многократно используемого раздела будет определяться иерархией разделов документа, в который он добавляется. Теги для явного задания разделов по-прежнему останутся полезными и в этом конкретном случае.</p> - -<h3 id="Корни_задания_разделов"><a name="sectioning_root">Корни задания разделов</a></h3> - -<p> <a id="sectioning root" name="sectioning root">Корень задания разделов</a> – это элемент HTML, который может иметь собственную структуру, однако входящие в неё разделы и заголовки, не входят в структуру его родительского элемента. Помимо {{HTMLElement("body")}}, который является логическим корнем задания разделов документа, такими элементами часто являются элементы, добавляющие внешний контент на страницу: {{HTMLElement("blockquote")}}, {{HTMLElement("details")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("figure")}} и {{HTMLElement("td")}}.</p> - -<p>Например:</p> - -<pre class="brush:xml notranslate"><section> - <h1>Лесные слоны</h1> - <section> - <h2>Введение</h2> - <p>В данном разделе мы поговорим о малоизвестных лесных слонах</p> - </section> - <section> - <h2>Среда обитания</h2> - <p>Лесные слоны живут не на деревьях, а под ними. Давайте рассмотрим, что говорят учёные в «<cite>Лесной слон на Борнео</cite>»:</p> - <blockquote> - <h1>Борнео</h1> - <p>Лесной слон живёт на Борнео...</p> - </blockquote> - </section> -</section> -</pre> - -<p>Данный пример приводит к следующей структуре:</p> - -<pre class="notranslate">1. Лесные слоны - 1.1 Введение - 1.2 Среда обитания</pre> - -<p>Данная структура не включает внутреннюю структуру элемента {{HTMLElement("blockquote")}}, который, будучи внешней цитатой, является корнем задания разделов и изолирует свою внутреннюю структуру.</p> - -<h3 id="Разделы_не_входящие_в_структуру">Разделы, не входящие в структуру</h3> - -<p> HTML5 вводит два новых элемента, позволяющих задавать разделы, не входящие в основную структуру веб-документа:</p> - -<ol> - <li>Элемент вспомогательного раздела {{HTMLElement("aside")}} задаёт раздел, который, хотя и связан с основным элементом, не принадлежит к основной структуре, например, поясняющая заметка или реклама. Он имеет собственную структуру, однако не входит в основную структуру страницы.</li> - <li>Элемент навигационного раздела {{HTMLElement("nav")}} задаёт раздел, содержащий навигационные ссылки. Таких элементов в документе может быть несколько, например, один со внутренними ссылками на страницу, например, оглавление, а другой – с ссылками для навигации по сайту. Такие ссылки не являются частью основной структуры документа и как правило пропускаются экранными дикторами.</li> -</ol> - -<h3 id="Шапки_и_подвалы">Шапки и подвалы</h3> - -<p>HTML5 также добавляет два новых элемента, которые могут использоваться для разметки верхнего и нижнего колонтитулов страниц:</p> - -<ol> - <li>Элемент шапки {{HTMLElement("header")}} задаёт шапку страницы (как правило, логотип и название сайта, а также горизонтальное меню, если имеется) или раздела (которая может включать заголовок раздела, имя автора и т.д.).{{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, и {{HTMLElement("nav")}} могут иметь собственный {{HTMLElement("header")}}. Несмотря на название, этот элемент не обязательно располагается в начале страницы или раздела.</li> - <li>Элемент подвала ({{HTMLElement("footer")}}) задаёт нижний колонтитул страницы (как правило включающий уведомления об авторских правах и другую правовую информацию, а иногда также содержащий какие-либо ссылки) или раздела (может включать дату публикации, информацию о лицензии и т.п. {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}} и {{HTMLElement("nav")}} могут иметь собственный {{HTMLElement("footer")}}. Несмотря на название, этот элемент не обязательно располагается в конце страницы или раздела.</li> -</ol> - -<p>Эти элементы не создают новые разделы в структуре, а скорее используются для разметки контента внутри разделов страницы.</p> - -<h2 id="Адреса_в_элементах_задания_разделов">Адреса в элементах задания разделов</h2> - -<p>Автор документа часто хочет опубликовать свою контактную информацию, например, имя и адрес. HTML4 позволял сделать это с помощью элемента {{HTMLElement("address")}}, расширенного в HTML5.</p> - -<p>Документ может включать несколько разделов, принадлежащих разным авторам. Если раздел создаётся не автором основной страницы, для задания используется элемент {{HTMLElement("article")}}. В результате элемент {{HTMLElement("address")}} теперь связан с ближайшим родительским {{HTMLElement("body")}} или {{HTMLElement("article")}}.</p> - -<h2 id="Использование_элементов_HTML5_в_браузерах_не_поддерживающих_HTML5">Использование элементов HTML5 в браузерах, не поддерживающих HTML5</h2> - -<p>Элементы разделов и заголовков должны работать в большинстве браузеров, не поддерживающих HTML5. Хотя они и не поддерживаются, они не требуют специального интерфейса DOM, им требуется лишь особый стиль CSS, поскольку к неизвестным элементам по умолчанию применяется стиль <code>display:inline</code>:</p> - -<pre class="brush: css notranslate">section, article, aside, footer, header, nav, hgroup { - display:block; -} -</pre> - -<p>Конечно, веб-разработчик может применить к ним любой другой стиль, однако следует помнить в браузерах, не поддерживающих HTML5, по умолчанию используется не тот стиль, который требуется для таких элементов. Также обратите внимание на отсутствие в перечне элемента {{HTMLElement("time")}}, поскольку по умолчанию к нему применяется одинаковый стиль как в браузерах, не поддерживающих HTML5, так и в браузерах, совместимых с HTML5.</p> - -<p>Данный способ не универсален, поскольку некоторые браузеры не позволяют применять стили к неподдерживаемым элементам. Например, Internet Explorer (версии 8 и более ранней), для которого требуется специальный скрипт:</p> - -<pre class="brush:xml notranslate"><!--[if lt IE 9]> - <script> - document.createElement("header" ); - document.createElement("footer" ); - document.createElement("section"); - document.createElement("aside" ); - document.createElement("nav" ); - document.createElement("article"); - document.createElement("hgroup" ); - document.createElement("time" ); - </script> -<![endif]--></pre> - -<p>Этот скрипт запускается в Internet Explorer (8 и более ранней версии), однако требует включённой поддержки скриптов для правильного отображения элементов задания разделов и заголовок HTML5. Если поддержка скриптов выключена, это может стать проблемой, поскольку данные элементы, скорее всего, определяют структуру всей страницы. Поэтому необходимо добавить элемент {{HTMLElement("noscript")}}:</p> - -<pre class="brush:xml notranslate"><noscript> - <strong>Внимание!</strong> - Поскольку ваш браузер не поддерживает HTML5, некоторые элементы воспроизводятся с помощью JScript. - Однако в вашем браузере скрипты отключены, пожалуйста, включите их, чтобы браузер смог отобразить данную страницу. -</noscript></pre> - -<p>This leads to the following code to allow the support of the HTML5 sections and headings elements in non-HTML5 browsers, even for Internet Explorer (8 and older), with a proper fallback for the case where this latter browser is configured not to use scripting:</p> - -<pre class="brush:xml notranslate"><!--[if lt IE 9]> - <script> - document.createElement("header" ); - document.createElement("footer" ); - document.createElement("section"); - document.createElement("aside" ); - document.createElement("nav" ); - document.createElement("article"); - document.createElement("hgroup" ); - document.createElement("time" ); - </script> - <noscript> - <strong>Внимание!</strong> - Поскольку ваш браузер не поддерживает HTML5, некоторые элементы воспроизводятся с помощью JScript. - Однако в вашем браузере скрипты отключены, пожалуйста, включите их, чтобы браузер смог отобразить данную страницу. - </noscript> -<![endif]--></pre> - -<h2 id="Заключение">Заключение</h2> - -<p>Новые семантические элементы, добавленные в HTML5, обеспечивают стандартизацию описания структуры веб-документа. Они облегчают жизнь пользователям с ограниченными возможностями, просты в использовании, могут без особых проблем поддерживаться в старых браузерах и поэтому настоятельно рекомендуются к применению.</p> |