greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

[Russian] Added translate to Wrap Content in the article Element (#24448) 

Added translate to Wrap Content in the article Element (https://learn.freecodecamp.org/responsive-web-design/applied-accessibility/wrap-content-in-the-article-element)
pull/24592/head^2
Gregory Gubarev 2018-11-01 22:58:29 +04:00 committed by GitHub
parent b3c0e55eb2
commit 29f0654044
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.russian.md
View File

@ -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
<section id='description'>
<code>article</code> является еще одним из новых элементов HTML5, который добавляет семантический смысл вашей разметке. <code>article</code> является секционирующим элементом и используется для обертывания независимого, автономного содержимого. Тег хорошо работает с записями блога, сообщениями на форуме или новостями.
Определение того, может ли контент быть автономным, обычно является личным выбором, но есть несколько простых тестов, которые вы можете использовать. Спросите себя, если вы удалите весь окружающий контекст, будет ли этот контент по-прежнему иметь смысл? Точно так же для текста сохранялось бы содержимое, если оно было в RSS-канале?
Помните, что люди, использующие вспомогательные технологии, полагаются на организованную, семантически значимую разметку, чтобы лучше понять вашу работу.
<strong>Заметка про элементы <code>section</code> и <code>div</code></strong><br>Элемент <code>section</code> также является новым с HTML5 и имеет несколько иной семантический смысл, чем <code>article</code>. Элемент <code>article</code> для автономного контента, а <code>section</code> для группировки тематически связанных материалов. Они могут использоваться вместе. Например, если книга является <code>article</code>, то каждая глава является <code>section</code>. Когда между группами контента нет никакой связи, используйте <code>div</code>.
<blockquote>&lt;div&gt; - сгруппированный контент<br>&lt;section&gt; - группы связанные контентом<br>&lt;article&gt; - независимые группы, автономный контент<br></blockquote>
</section>
## Instructions
<section id="instructions"> Camper Cat использовал теги <code>article</code> для обертывания сообщений на своей странице блога, но он забыл использовать их в верхней части. Измените тег <code>div</code> чтобы вместо этого использовать тег <code>article</code> . </section>
<section id="instructions"> Camper Cat использовал теги <code>article</code> для обертывания сообщений на своей странице блога, но он забыл использовать их в верхней части. Измените тег <code>div</code> чтобы вместо этого использовать тег <code>article</code>. </section>
## Tests
<section id='tests'>
```yml
tests:
- text: Ваш код должен содержать три тега <code>article</code> .
- text: Ваш код должен содержать три тега <code>article</code>.
testString: 'assert($("article").length == 3, "Your code should have three <code>article</code> tags.");'
- text: У вашего кода не должно быть никаких тегов <code>div</code> .
- text: У вашего кода не должно быть никаких тегов <code>div</code>.
testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
```