diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.russian.md index 13b393be69..bfb2d089cc 100644 --- a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.russian.md +++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.russian.md @@ -2,24 +2,30 @@ id: 587d774e367417b2b2512aa0 title: Wrap Content in the article Element challengeType: 0 -videoUrl: '' -localeTitle: Обтекание содержимого в статье Элемент +videoUrl: 'https://scrimba.com/c/cPp79S3' +localeTitle: Оборачивание контента в элемент article --- ## Description -undefined +
+article является еще одним из новых элементов HTML5, который добавляет семантический смысл вашей разметке. article является секционирующим элементом и используется для обертывания независимого, автономного содержимого. Тег хорошо работает с записями блога, сообщениями на форуме или новостями. +Определение того, может ли контент быть автономным, обычно является личным выбором, но есть несколько простых тестов, которые вы можете использовать. Спросите себя, если вы удалите весь окружающий контекст, будет ли этот контент по-прежнему иметь смысл? Точно так же для текста сохранялось бы содержимое, если оно было в RSS-канале? +Помните, что люди, использующие вспомогательные технологии, полагаются на организованную, семантически значимую разметку, чтобы лучше понять вашу работу. +Заметка про элементы section и div
Элемент section также является новым с HTML5 и имеет несколько иной семантический смысл, чем article. Элемент article для автономного контента, а section для группировки тематически связанных материалов. Они могут использоваться вместе. Например, если книга является article, то каждая глава является section. Когда между группами контента нет никакой связи, используйте div. +
<div> - сгруппированный контент
<section> - группы связанные контентом
<article> - независимые группы, автономный контент
+
## Instructions -
Camper Cat использовал теги article для обертывания сообщений на своей странице блога, но он забыл использовать их в верхней части. Измените тег div чтобы вместо этого использовать тег article .
+
Camper Cat использовал теги article для обертывания сообщений на своей странице блога, но он забыл использовать их в верхней части. Измените тег div чтобы вместо этого использовать тег article.
## Tests
```yml tests: - - text: Ваш код должен содержать три тега article . + - text: Ваш код должен содержать три тега article. testString: 'assert($("article").length == 3, "Your code should have three article tags.");' - - text: У вашего кода не должно быть никаких тегов div . + - text: У вашего кода не должно быть никаких тегов div. testString: 'assert($("div").length == 0, "Your code should not have any div tags.");' ```