Russian translation of the article reviewed and improved (#18456)

pull/30281/head
Sergei Cherniaev 2018-10-27 14:18:33 +03:00 committed by Gregory Gubarev
parent a14b3fc227
commit 1dcb5ea3fe
1 changed files with 2 additions and 2 deletions

View File

@ -7,10 +7,10 @@ localeTitle: Использовать заголовки для отображе
---
## Description
<section id="description"> Заголовки (элементы <code>h1</code> <code>h6</code> ) являются тегами рабочей лошади, которые помогают обеспечить структуру и маркировку вашего контента. Считыватели экрана могут быть настроены на чтение только заголовков на странице, чтобы пользователь получал сводку. Это означает, что для ярлыков заголовков в вашей разметке важно иметь семантический смысл и относиться друг к другу, а не просто выбирать их значения размера. <em>Семантическое значение</em> означает, что тег, который вы используете вокруг содержимого, указывает тип информации, который он содержит. Если бы вы писали статью с введением, телом и выводом, то не имело бы смысла делать вывод в виде подраздела тела в вашей схеме. Это должен быть его собственный раздел. Точно так же теги заголовков на веб-странице должны идти в порядке и указывать иерархические отношения вашего контента. Заголовки с равным (или более высоким) рангом запускают новые подразумеваемые разделы, заголовки с младшими ранговыми подразделами предыдущего. Например, страница с элементом <code>h2</code> за которой следуют несколько подразделов с меткой <code>h4</code> будет путать пользователя с экрана. С шестью вариантами заманчиво использовать тег, потому что он выглядит лучше в браузере, но вы можете использовать CSS для редактирования относительного размера. В последнем случае на каждой странице всегда должен быть один (и только один) элемент <code>h1</code> , который является основным предметом вашего контента. Этот и другие заголовки частично используются поисковыми системами, чтобы понять тему страницы. </section>
<section id="description"> Заголовки (элементы от <code>h1</code> до <code>h6</code> ) являются основными тегами, которые помогают сформировать структуру и заголовки вашего контента. Программы экранного доступа (скринридеры) могут быть настроены только на чтение заголовков на странице, так пользователь получит краткое содержание страницы. Поэтому важно, чтобы теги-заголовки в разметке имели семантическое значение и отношение друг к другу, а не просто использовались на основе размера заголовка. <em>Семантическое значение</em> это когда тег, в который вы обернули содержимое, указывает на тип информации внутри него. Если бы вы писали статью с введением, основной частью и заключением, то не имело бы смысла поместить заключение в виде подраздела к основной части вашей статьи. Это должен быть отдельный раздел. Точно так же теги заголовков на веб-странице должны идти в определенном порядке и отражать иерархию вашего контента. Заголовки с равным (или более высоким) рангом озаглавливают новые разделы, заголовки с меньшим рангом являются их подразделами. Например, страница с элементом <code>h2</code> под которым идут несколько подразделов с элементом <code>h4</code> будет сбивать с толку пользователя, который использует программу экранного доступа (скринридер). С шестью вариантами заголовков заманчиво выбирать тег, только потому, что он лучше выглядит в браузере, но для изменения размеров заголовков вы можете использоваться CSS. И последнее, на каждой странице всегда должен быть один (и только один) элемент <code>h1</code>, который является главным заголовком для всего вашего контента. Этот и другие заголовки частично используются поисковыми системами, чтобы понять, что находится на странице. </section>
## Instructions
<section id="instructions"> Camper Cat хочет, чтобы страница на его сайте была посвящена тому, чтобы стать ниндзя. Помогите ему исправить заголовки, чтобы его разметка придавала семантическому смыслу содержание и показывала правильные отношения между родителями и дочерними элементами его разделов. Измените все теги <code>h5</code> на соответствующий уровень заголовка, чтобы указать, что они являются подразделами <code>h2</code> . </section>
<section id="instructions"> Camper Cat хочет, чтобы страница на его сайте была посвящена тому, как стать ниндзя. Помогите ему исправить заголовки так, чтобы его разметка придавала семантический смысл содержанию и показывала правильные отношения между родительскими и дочерними элементами его разделов. Измените все теги <code>h5</code> на соответствующий уровень заголовка, чтобы указать, что они являются подразделами <code>h2</code> . </section>
## Tests
<section id='tests'>