unslug ru: move

95 files changed, 515 insertions, 218 deletions

diff --git a/files/ru/learn/доступность/accessibility_troubleshooting/index.html b/files/ru/learn/accessibility/accessibility_troubleshooting/index.html
index d47abae869..d47abae869 100644
--- a/files/ru/learn/доступность/accessibility_troubleshooting/index.html
+++ b/files/ru/learn/accessibility/accessibility_troubleshooting/index.html
diff --git a/files/ru/learn/доступность/css_and_javascript/index.html b/files/ru/learn/accessibility/css_and_javascript/index.html
index 31ed1cb106..31ed1cb106 100644
--- a/files/ru/learn/доступность/css_and_javascript/index.html
+++ b/files/ru/learn/accessibility/css_and_javascript/index.html
diff --git a/files/ru/learn/доступность/html/index.html b/files/ru/learn/accessibility/html/index.html
index 64c19fd4d6..64c19fd4d6 100644
--- a/files/ru/learn/доступность/html/index.html
+++ b/files/ru/learn/accessibility/html/index.html
diff --git a/files/ru/learn/доступность/index.html b/files/ru/learn/accessibility/index.html
index 422bead1d7..422bead1d7 100644
--- a/files/ru/learn/доступность/index.html
+++ b/files/ru/learn/accessibility/index.html
diff --git a/files/ru/learn/доступность/mobile/index.html b/files/ru/learn/accessibility/mobile/index.html
index bbdc7f0e1d..bbdc7f0e1d 100644
--- a/files/ru/learn/доступность/mobile/index.html
+++ b/files/ru/learn/accessibility/mobile/index.html
diff --git a/files/ru/learn/доступность/multimedia/index.html b/files/ru/learn/accessibility/multimedia/index.html
index e07550ba5e..e07550ba5e 100644
--- a/files/ru/learn/доступность/multimedia/index.html
+++ b/files/ru/learn/accessibility/multimedia/index.html
diff --git a/files/ru/learn/доступность/wai-aria_basics/index.html b/files/ru/learn/accessibility/wai-aria_basics/index.html
index d04c4fd483..d04c4fd483 100644
--- a/files/ru/learn/доступность/wai-aria_basics/index.html
+++ b/files/ru/learn/accessibility/wai-aria_basics/index.html
diff --git a/files/ru/learn/доступность/what_is_accessibility/index.html b/files/ru/learn/accessibility/what_is_accessibility/index.html
index 1a6e11f73e..1a6e11f73e 100644
--- a/files/ru/learn/доступность/what_is_accessibility/index.html
+++ b/files/ru/learn/accessibility/what_is_accessibility/index.html
diff --git a/files/ru/learn/how_the_internet_works/index.html b/files/ru/learn/common_questions/how_does_the_internet_work/index.html
index 19230a4042..19230a4042 100644
--- a/files/ru/learn/how_the_internet_works/index.html
+++ b/files/ru/learn/common_questions/how_does_the_internet_work/index.html
diff --git a/files/ru/learn/pages_sites_servers_and_search_engines/index.html b/files/ru/learn/common_questions/pages_sites_servers_and_search_engines/index.html
index 0a9b7a643f..0a9b7a643f 100644
--- a/files/ru/learn/pages_sites_servers_and_search_engines/index.html
+++ b/files/ru/learn/common_questions/pages_sites_servers_and_search_engines/index.html
diff --git a/files/ru/learn/discover_browser_developer_tools/index.html b/files/ru/learn/common_questions/what_are_browser_developer_tools/index.html
index 8cd514efcd..8cd514efcd 100644
--- a/files/ru/learn/discover_browser_developer_tools/index.html
+++ b/files/ru/learn/common_questions/what_are_browser_developer_tools/index.html
diff --git a/files/ru/learn/understanding_links_on_the_web/index.html b/files/ru/learn/common_questions/what_are_hyperlinks/index.html
index 63a22eb949..63a22eb949 100644
--- a/files/ru/learn/understanding_links_on_the_web/index.html
+++ b/files/ru/learn/common_questions/what_are_hyperlinks/index.html
diff --git a/files/ru/learn/understanding_domain_names/index.html b/files/ru/learn/common_questions/what_is_a_domain_name/index.html
index fb561cf8ea..fb561cf8ea 100644
--- a/files/ru/learn/understanding_domain_names/index.html
+++ b/files/ru/learn/common_questions/what_is_a_domain_name/index.html
diff --git a/files/ru/learn/understanding_urls/index.html b/files/ru/learn/common_questions/what_is_a_url/index.html
index 41fe5182c7..41fe5182c7 100644
--- a/files/ru/learn/understanding_urls/index.html
+++ b/files/ru/learn/common_questions/what_is_a_url/index.html
diff --git a/files/ru/learn/что_такое_веб_сервер/index.html b/files/ru/learn/common_questions/what_is_a_web_server/index.html
index efdc287ba9..efdc287ba9 100644
--- a/files/ru/learn/что_такое_веб_сервер/index.html
+++ b/files/ru/learn/common_questions/what_is_a_web_server/index.html
diff --git a/files/ru/learn/css/building_blocks/каскад_задачи/index.html b/files/ru/learn/css/building_blocks/cascade_tasks/index.html
index b6524f9ed3..b6524f9ed3 100644
--- a/files/ru/learn/css/building_blocks/каскад_задачи/index.html
+++ b/files/ru/learn/css/building_blocks/cascade_tasks/index.html
diff --git a/files/ru/learn/css/introduction_to_css/ponimanie_osnov_css/index.html b/files/ru/learn/css/building_blocks/fundamental_css_comprehension/index.html
index 9009c684d8..9009c684d8 100644
--- a/files/ru/learn/css/introduction_to_css/ponimanie_osnov_css/index.html
+++ b/files/ru/learn/css/building_blocks/fundamental_css_comprehension/index.html
diff --git a/files/ru/learn/css/building_blocks/селекторы/attribute_selectors/index.html b/files/ru/learn/css/building_blocks/selectors/attribute_selectors/index.html
index 9a6a2c4c07..9a6a2c4c07 100644
--- a/files/ru/learn/css/building_blocks/селекторы/attribute_selectors/index.html
+++ b/files/ru/learn/css/building_blocks/selectors/attribute_selectors/index.html
diff --git a/files/ru/learn/css/building_blocks/селекторы/combinators/index.html b/files/ru/learn/css/building_blocks/selectors/combinators/index.html
index 7a076e05a8..7a076e05a8 100644
--- a/files/ru/learn/css/building_blocks/селекторы/combinators/index.html
+++ b/files/ru/learn/css/building_blocks/selectors/combinators/index.html
diff --git a/files/ru/learn/css/building_blocks/селекторы/index.html b/files/ru/learn/css/building_blocks/selectors/index.html
index 3819af4207..3819af4207 100644
--- a/files/ru/learn/css/building_blocks/селекторы/index.html
+++ b/files/ru/learn/css/building_blocks/selectors/index.html
diff --git a/files/ru/learn/css/building_blocks/селекторы/pseudo-classes_and_pseudo-elements/index.html b/files/ru/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html
index 4fe67b8adb..4fe67b8adb 100644
--- a/files/ru/learn/css/building_blocks/селекторы/pseudo-classes_and_pseudo-elements/index.html
+++ b/files/ru/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html
diff --git a/files/ru/learn/css/building_blocks/селекторы/селекторы_задачи/index.html b/files/ru/learn/css/building_blocks/selectors/selectors_tasks/index.html
index b8f36063c2..b8f36063c2 100644
--- a/files/ru/learn/css/building_blocks/селекторы/селекторы_задачи/index.html
+++ b/files/ru/learn/css/building_blocks/selectors/selectors_tasks/index.html
diff --git a/files/ru/learn/css/building_blocks/селекторы/type_class_and_id_selectors/index.html b/files/ru/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html
index 875899ab41..875899ab41 100644
--- a/files/ru/learn/css/building_blocks/селекторы/type_class_and_id_selectors/index.html
+++ b/files/ru/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html
diff --git a/files/ru/learn/css/css_layout/навыки_multicol/index.html b/files/ru/learn/css/css_layout/multicol_skills/index.html
index c549f1210b..c549f1210b 100644
--- a/files/ru/learn/css/css_layout/навыки_multicol/index.html
+++ b/files/ru/learn/css/css_layout/multicol_skills/index.html
diff --git a/files/ru/learn/css/css_layout/макет_с_несколькими_столбцами/index.html b/files/ru/learn/css/css_layout/multiple-column_layout/index.html
index 9ba48bbbef..9ba48bbbef 100644
--- a/files/ru/learn/css/css_layout/макет_с_несколькими_столбцами/index.html
+++ b/files/ru/learn/css/css_layout/multiple-column_layout/index.html
diff --git a/files/ru/learn/css/css_layout/нормальный_поток/index.html b/files/ru/learn/css/css_layout/normal_flow/index.html
index d936c240c5..d936c240c5 100644
--- a/files/ru/learn/css/css_layout/нормальный_поток/index.html
+++ b/files/ru/learn/css/css_layout/normal_flow/index.html
diff --git a/files/ru/learn/css/css_layout/навыки_позиционирования/index.html b/files/ru/learn/css/css_layout/position_skills/index.html
index f63a3a3a94..f63a3a3a94 100644
--- a/files/ru/learn/css/css_layout/навыки_позиционирования/index.html
+++ b/files/ru/learn/css/css_layout/position_skills/index.html
diff --git a/files/ru/learn/css/css_layout/отзывчивый_дизайн/index.html b/files/ru/learn/css/css_layout/responsive_design/index.html
index 978b4e43dc..978b4e43dc 100644
--- a/files/ru/learn/css/css_layout/отзывчивый_дизайн/index.html
+++ b/files/ru/learn/css/css_layout/responsive_design/index.html
diff --git a/files/ru/learn/css/css_properties/index.html b/files/ru/learn/css/css_properties/index.html
deleted file mode 100644
index a6d9e5d116..0000000000
--- a/files/ru/learn/css/css_properties/index.html
+++ /dev/null
@@ -1,133 +0,0 @@
----
-title: 'CSS properties: what they are and how to use them'
-slug: Learn/CSS/CSS_properties
-translation_of: Learn/CSS/Building_blocks/Selectors
-translation_of_original: Learn/CSS/CSS_properties
----
-<div class="summary">
-<p>{{Glossary("CSS")}} определяет как должна выглядеть вебстраница. Он использует предопределенные правила вместе с селекторами и свойствами для применения стилей к элементам HTML или группам элементов.</p>
-</div>
-
-<table class="learn-box standard-table">
- <tbody>
-  <tr>
-   <th scope="row">Prerequisites:</th>
-   <td>Basics of {{Glossary("HTML")}}, <a href="https://developer.mozilla.org/en-US/Learn/HTML/HTML_tags">HTML elements</a>, and <a href="https://developer.mozilla.org/en-US/Learn/CSS/Using_CSS_in_a_web_page#The_link_tag">how to link HTML documents to CSS stylesheets</a>.</td>
-  </tr>
-  <tr>
-   <th scope="row">Objective:</th>
-   <td>Learn about different CSS selectors and properties enough to style a simple webpage.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Summary">Summary</h2>
-
-<p>Разделение содержимого и стиля делает Веб разработку намного быстрее и проще. Когда вы определяете только стуктуру документа в вашем HTML файле и храните всю информацию о стиле в отдельном файле (называемом stylesheet), вы можете обновлять стили нескольких документов одновременно (а так же экономить ресурсы компьютера).</p>
-
-<p>CSS syntax consists of easy-to-use, intuitive keywords.</p>
-
-<pre class="brush: css">p {
-   font-family: "Times New Roman", georgia, sans-serif;
-   font-size: 24px;
-}</pre>
-
-<p>In the example above, <code>p</code> is a selector that applies styles to all the <code>{{HTMLElement("p")}}</code> elements at once. The CSS properties <code>font-family</code> and <code>font-size</code> are enclosed within curly braces and the corresponding values, right after the colon, determine the styles.</p>
-
-<p>There are more than <a href="/en-US/docs/Web/CSS/Reference">250 properties</a> you can apply to your document. From text to layout, (almost) anything is possible.</p>
-
-<h2 id="Active_Learning">Active Learning</h2>
-
-<p><em>There is no active learning available yet. <a href="/en-US/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p>
-
-<h2 id="Deeper_dive">Deeper dive</h2>
-
-<p>If properties are fairly simple to use, selectors are another story. Okay, they aren't that hard, and mastering them unleashes the full potential of CSS. In the next examples, we will introduce the most common selectors.</p>
-
-<p>A CSS rule consists of selectors associated with properties. Selectors specify which elements will receive the properties laid down in the rule. Multiple rules can apply to the same element; the CSS cascade (which we'll discuss later on) determines which rule ends up taking effect in the case of conflicts. For now, just remember that the rule with the most <a href="/en-US/docs/Web/CSS/Specificity">specific selector</a> overrides the rules with more generic selectors.</p>
-
-<h3 id="The_element_selector">The element selector</h3>
-
-<p>Element selectors select HTML elements by element names only. Moreover, like all CSS selectors, you can apply a common set of properties to several elements at once.</p>
-
-<p>For our first example, let's assume the following HTML code fragment:</p>
-
-<pre class="brush: html">&lt;h1&gt;I'm an example&lt;/h1&gt;
-&lt;p&gt;In this example, I'm a paragraph&lt;/p&gt;
-&lt;p&gt;And I'm another paragraph&lt;/p&gt;
-</pre>
-
-<p>In the following CSS rule, the element selector <code>p</code> applies the given styles simultaneously to all the <code>{{HTMLElement("p")}}</code> elements of our HTML document, preventing extensive rewriting. We are using the {{cssxref("font-family")}} property (which defines the font in which text appears) and the {{cssxref("font-size")}} (which defines text size).</p>
-
-<pre class="brush: css">p {
-  font-family: "Helvetica", Arial, sans-serif;
-  font-size  : 12px;
-}</pre>
-
-<p>The next CSS rule only applies to <code>{{HTMLElement("h1")}}</code> elements. We are using the {{cssxref("font-size")}} property to make our title twice the size of the body text, and the {{cssxref("font-weight")}} property to make the title bold.</p>
-
-<pre class="brush: css">h1 {
-  font-size  : 24px;
-  font-weight: bold;
-}</pre>
-
-<p>The following CSS rule applies the requisite styles to both <code>{{HTMLElement("h1")}}</code> and <code>{{HTMLElement("p")}}</code> elements, potentially removing even more duplication. (This use is called "group selector" or "chain selector". Notice the comma separating the selectors). Here we are using the {{cssxref("color")}} property to specify the same text color for both headings and paragraphs.</p>
-
-<pre class="brush: css">h1, p {
-  color: darkmagenta;
-}</pre>
-
-<p>Here is the result of all this code:</p>
-
-<p>{{ EmbedLiveSample('The_element_selector') }}</p>
-
-<h3 id="The_id_selector">The id selector</h3>
-
-<p>The <code>id</code><strong> </strong>attribute of a particular HTML element uniquely identifies that element. Hence, an id selector is used only when a set of style rules applies to a single element.</p>
-
-<p>For our next example, let's assume the following HTML code fragment:</p>
-
-<pre class="brush: html">&lt;p id="hello"&gt;Hello world!&lt;/p&gt; </pre>
-
-<p>The following CSS rule applies only to that unique identified element. To make a selector into an id selector, you must put a hash character (#) in front of the id name. We are using three properties: {{cssxref("text-align")}} to center the text within the paragraph {{cssxref("border")}} to add a thin line around the paragraph, and {{cssxref("padding")}} to add some extra inner-margin between the text and the border.</p>
-
-<pre class="brush: css">#hello {
-  text-align: center;
-  border    : 1px solid black;
-  padding   : 8px;
-}</pre>
-
-<p>And the result is the following:</p>
-
-<p>{{ EmbedLiveSample('The_id_selector') }}</p>
-
-<h3 id="The_class_selector">The class selector</h3>
-
-<p>Within HTML, the <code>class</code><strong> </strong>attribute lets you apply multiple identifiers to HTML elements. Those identifiers can be used with CSS to match groups of elements regardless of element name.</p>
-
-<p>For our next example, let's assume the following HTML code fragment:</p>
-
-<pre class="brush: html">&lt;h1 class="hello"&gt;Hey there!&lt;/h1&gt;
-&lt;p class="hello bye"&gt;Let's hang out together!&lt;/p&gt;
-&lt;p class="bye"&gt;And walk over the mountain&lt;/p&gt;
-</pre>
-
-<p>Let's apply a CSS rule for all elements with the class <code>hello</code>. To make the selector into a class selector, put a period/full stop before the class name. We use the {{cssxref("font-style")}} property to italicize the text.</p>
-
-<pre class="brush: css">.hello {
-  font-style: italic;
-}</pre>
-
-<p>And another one for all elements with the class <code>bye</code>. Here we are using the {{cssxref("text-decoration")}} property to draw a line through the text.</p>
-
-<pre class="brush: css">.bye {
-  text-decoration: line-through;
-}</pre>
-
-<p>Here's what happened:</p>
-
-<p>{{ EmbedLiveSample('The_class_selector') }}</p>
-
-<h2 id="Next_step">Next step</h2>
-
-<p>So we've gone over the basics to get started with CSS. You can <a href="/en-US/docs/Learn/CSS/Basic_text_styling_in_CSS">learn more about text styling</a> or start exploring<a href="/en-US/docs/Web/CSS/Tutorials"> our CSS Tutorials</a> right away.</p>
diff --git a/files/ru/learn/css/first_steps/как_структурирован_css/index.html b/files/ru/learn/css/first_steps/how_css_is_structured/index.html
index d2c60edcfb..d2c60edcfb 100644
--- a/files/ru/learn/css/first_steps/как_структурирован_css/index.html
+++ b/files/ru/learn/css/first_steps/how_css_is_structured/index.html
diff --git a/files/ru/learn/css/first_steps/что_такое_css/index.html b/files/ru/learn/css/first_steps/what_is_css/index.html
index 6b5bdf8924..6b5bdf8924 100644
--- a/files/ru/learn/css/first_steps/что_такое_css/index.html
+++ b/files/ru/learn/css/first_steps/what_is_css/index.html
diff --git a/files/ru/learn/css/howto/css_faq/index.html b/files/ru/learn/css/howto/css_faq/index.html
new file mode 100644
index 0000000000..cecfb92b82
--- /dev/null
+++ b/files/ru/learn/css/howto/css_faq/index.html
@@ -0,0 +1,182 @@
+---
+title: Common CSS questions
+slug: Web/CSS/Common_CSS_Questions
+translation_of: Learn/CSS/Howto/CSS_FAQ
+---
+<h2 id="Why_doesn't_my_CSS_which_is_valid_render_correctly">Why doesn't my CSS, which is valid, render correctly?</h2>
+
+<p>Браузер использует декларацию <code>DOCTYPE</code> чтобы выбрать, как именно отображать документ - в форме, более совместимой с современными стандартами или в форме,  которую будут поддерживать старые браузеры. Правильное использование декларациии <code>DOCTYPE</code> в начале вашего HTML кода повлияет на совместимость с современными стандартами веб браузеров.</p>
+
+<p>У современных браузеров есть два режима отображения веб-страниц:</p>
+
+<ul>
+ <li><em>Индивидуальный</em>: его также называют backwards-compatibility mode, даёт возможность устаревшим страницам отображаться так, как планировал автор, следуя уже не стандартным правилам отображения, которые использовались ещё старыми браузерами. Документы  с неполной, некорректной или отстутвующей <code>DOCTYPE</code> декларацией или с тем видом <code>DOCTYPE</code>, который использовался до 2001 года, будет отображён в индивидуальном режиме.</li>
+ <li><em>Стандартный</em>: в этом режиме браузер старается строго следовать стандартам W3C. Ожидается, что современные HTML страницы разработаны для браузеров, следуемых стандартам, и в результате, страницы с современным  <code>DOCTYPE</code> отображаются уже в стандартом режиме.</li>
+</ul>
+
+<p>Gecko-based browsers, have a third <em><a href="/en-US/docs/Gecko's_&quot;Almost_Standards&quot;_Mode" title="Gecko's_&quot;Almost_Standards&quot;_Mode">Almost Standards Mode</a></em> that has only a few minor quirks.</p>
+
+<p>This is a list of the most commonly used <code>DOCTYPE</code> declarations that will trigger Standards or Almost Standards mode:</p>
+
+<pre>&lt;!DOCTYPE html&gt; /* This is the HTML5 doctype. Given that each modern browser uses an HTML5
+                   parser, this is the recommended doctype */
+
+&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
+"http://www.w3.org/TR/html4/loose.dtd"&gt;
+
+&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+"http://www.w3.org/TR/html4/strict.dtd"&gt;
+
+&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
+
+&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
+</pre>
+
+<h2 id="My_CSS_is_valid.2C_but_not_correctly_rendered" name="My_CSS_is_valid.2C_but_not_correctly_rendered">Why doesn't my CSS, which is valid, render at all?</h2>
+
+<p>To be applied, a CSS stylesheet must be served with a <code>text/css</code> MIME type. If the Web server doesn't serve it with this type, it won't be applied.</p>
+
+<h2 id="Difference_between_id_and_class" name="Difference_between_id_and_class">What is the difference between <code>id</code> and <code>class</code>?</h2>
+
+<p>HTML elements can have an id and/or class attribute. The id attribute assigns a name to the element it is applied to, and for valid markup, there can be only one element with that name. The class attribute assigns a class name to the element, and that name can be used on many elements within the page. CSS allows you to apply styles to particular id and/or class names.<br>
+ <br>
+ Use an id-specific style when you want to restrict the applied styling rules to one specific block or element. This style will only be used by the element with that particular id.<br>
+ <br>
+ Use a class-specific style when you want to apply the styling rules to many blocks and elements within the page.</p>
+
+<p>Stylesheets with fewer rules are usually more performant. It is therefore recommended to use classes as much as possible, and to reserve the use of id for specific uses (like to connect label and form elements or for styling elements that must be semantically unique).</p>
+
+<p>See <a href="/en-US/docs/CSS/Getting_Started/Selectors" title="CSS/Getting_Started/Selectors"> CSS selectors</a></p>
+
+<h2 id="Restoring_the_default_property_value" name="Restoring_the_default_property_value">How do I restore the default value of a property?</h2>
+
+<p>Initially CSS didn't provide a "default" keyword and the only way to restore the default value of a property is to explicitly re-declare that property.</p>
+
+<p>This has changed with CSS 2; the keyword <a href="/es/CSS/initial" title="initial">initial</a> is now a valid value for a CSS property. It resets it to its default value, which is defined in the CSS specification of the given property.</p>
+
+<h2 id="Derived_styles" name="Derived_styles">How do I derive one style from another?</h2>
+
+<p>CSS does not allow one style to be defined in terms of another. (See <a href="http://archivist.incutio.com/viewlist/css-discuss/2685">Eric Meyer's note about the Working Group's stance</a>). However, assigning multiple classes to a single element can provide the same effect.</p>
+
+<h2 id="Assigning_multiple_classes" name="Assigning_multiple_classes">How do I assign multiple classes to an element?</h2>
+
+<p>HTML elements can be assigned multiple classes by listing the classes in the <code>class</code> attribute, with a blank space to separate them.</p>
+
+<pre>&lt;style type="text/css"&gt;
+.news { background: black; color: white; }
+.today { font-weight: bold; }
+&lt;/style&gt;
+
+&lt;div class="news today"&gt;
+... content of today's news ...
+&lt;/div&gt;
+</pre>
+
+<p>If the same property is declared in both rules, the conflict is resolved first through specificity, then according to the order of the CSS declarations. The order of classes in the <code>class</code> attribute is not relevant.</p>
+
+<h2 id="Style_rules_that_don.27t_work" name="Style_rules_that_don.27t_work">Why don't my style rules work properly?</h2>
+
+<p>Style rules that are syntactically correct may not apply in certain situations. You can use <a href="/en-US/docs/DOM_Inspector" title="DOM_Inspector">DOM Inspector</a>'s <em>CSS Style Rules</em> view to debug problems of this kind, but the most frequent instances of ignored style rules are listed below.</p>
+
+<h3 id="HTML_elements_hierarchy" name="HTML_elements_hierarchy">HTML elements hierarchy</h3>
+
+<p>The way CSS styles are applied to HTML elements depends also on the elements hierarchy. It is important to remember that a rule applied to a descendent overrides the style of the parent, in spite of any specificity or priority of CSS rules.</p>
+
+<pre>.news { color: black; }
+.corpName { font-weight: bold; color: red; }
+
+&lt;!-- news item text is black, but corporate name is red and in bold --&gt;
+&lt;div class="news"&gt;
+   (Reuters) &lt;span class="corpName"&gt;General Electric&lt;/span&gt; (GE.NYS) announced on Thursday...
+&lt;/div&gt;
+</pre>
+
+<p>In case of complex HTML hierarchies, if a rule seems to be ignored, check if the element is inside another element with a different style.</p>
+
+<h3 id="Explicitly_re-defined_style_rule" name="Explicitly_re-defined_style_rule">Explicitly re-defined style rule</h3>
+
+<p>In CSS stylesheets, order <strong>is</strong> important. If you define a rule and then you re-define the same rule, the last definition is used.</p>
+
+<pre>#stockTicker { font-weight: bold; }
+.stockSymbol { color: red; }
+/*  other rules             */
+/*  other rules             */
+/*  other rules             */
+.stockSymbol { font-weight: normal; }
+
+&lt;!-- most text is in bold, except "GE", which is red and not bold --&gt;
+&lt;div id="stockTicker"&gt;
+   NYS: &lt;span class="stockSymbol"&gt;GE&lt;/span&gt; +1.0 ...
+&lt;/div&gt;
+</pre>
+
+<p>To avoid this kind of error, try to define rules only once for a certain selector, and group all rules belonging to that selector.</p>
+
+<h3 id="Use_of_a_shorthand_property" name="Use_of_a_shorthand_property">Use of a shorthand property</h3>
+
+<p>Using shorthand properties for defining style rules is good because it uses a very compact syntax. Using shorthand with only some attributes is possible and correct, but it must be remembered that undeclared attributes are automatically reset to default. This means that a previous rule for a single attribute could be implicitly overridden.</p>
+
+<pre>#stockTicker { font-size: 12px; font-family: Verdana; font-weight: bold; }
+.stockSymbol { font: 14px Arial; color: red; }
+
+&lt;div id="stockTicker"&gt;
+   NYS: &lt;span class="stockSymbol"&gt;GE&lt;/span&gt; +1.0 ...
+&lt;/div&gt;
+</pre>
+
+<p>In the previous example the problem occurred on rules belonging to different elements, but it could happen also for the same element, because rule order <strong>is</strong> important.</p>
+
+<pre>#stockTicker {
+   font-weight: bold;
+   font: 12px Verdana;  /* font-weight is now normal */
+}
+</pre>
+
+<h3 id="Use_of_the_.2A_selector" name="Use_of_the_.2A_selector">Use of the <code>*</code> selector</h3>
+
+<p>The <code>*</code> wildcard selector refers to any element, and it has to be used with particular care.</p>
+
+<pre>body * { font-weight: normal; }
+#stockTicker { font: 12px Verdana; }
+.corpName { font-weight: bold; }
+.stockUp { color: red; }
+
+&lt;div id="section"&gt;
+   NYS: &lt;span class="corpName"&gt;&lt;span class="stockUp"&gt;GE&lt;/span&gt;&lt;/span&gt; +1.0 ...
+&lt;/div&gt;
+</pre>
+
+<p>In this example the <code>body *</code> selector applies the rule to all elements inside body, at any hierarchy level, including the .stockUp class. So <code>font-weight: bold;</code> applied to the .corpName class is overridden by <code>font-weight: normal;</code> applied to all elements in the body.</p>
+
+<p>The use of the * selector should be minimized as it is a slow selector, especially when not used as the first element of a selector. Its use should be avoided as much as possible.</p>
+
+<h3 id="Specificity_in_CSS" name="Specificity_in_CSS">Specificity in CSS</h3>
+
+<p>When multiples rules apply to a certain element, the rule chosen depends on its style <a href="/en-US/docs/CSS/Specificity" title="Specificity">specificity</a>. Inline style (in HTML <code>style</code> attributes) comes first, followed by ID selectors, then class selectors and eventually element-name selectors.</p>
+
+<pre>div { color: black; }
+#orange { color: orange; }
+.green { color: green; }
+
+&lt;div id="orange" class="green" style="color: red;"&gt;This is red&lt;/div&gt;
+</pre>
+
+<p>The rules are more complicated when the selector has multiple parts. More detailed information about how selector specificity is calculated can be found in the <a href="http://www.w3.org/TR/CSS21/cascade.html#specificity">CSS 2.1 Specification chapter 6.4.3</a>.</p>
+
+<h2 id="What_do_the_-moz-.2A_properties_do.3F" name="What_do_the_-moz-.2A_properties_do.3F">What do the -moz-*, -ms-*, -webkit-*, -o-* and -khtml-* properties do?</h2>
+
+<p>These properties, called <em>prefixed properties</em>, are extensions to the CSS standard. They are used to use experimental and non-standard features without polluting the regular namespace, preventing future incompatibilities to arise when the standard is extended.</p>
+
+<p>The use of such properties on production websites is not recommended. If nevertheless needed, you are hinted to make a plan for the website evolution: these prefixed properties can be modified or even suppressed when the standard evolves.</p>
+
+<p>Please see the <a href="/en-US/docs/CSS/CSS_Reference/Mozilla_Extensions" title="CSS Reference/Mozilla Extensions">Mozilla CSS Extensions</a> page for more information on the Mozilla-prefixed CSS properties.</p>
+
+<h2 id="How_does_z-index_relate_to_positioning">How does z-index relate to positioning?</h2>
+
+<p>The z-index property specifies the stack order of elements.</p>
+
+<p>An element with a higher z-index/stack order is always in front of an element with a lower z-index/stack order.</p>
+
+<p>Z-index will only work on elements that have a specified position (<code>position:absolute</code>, <code>position:relative</code>, or <code>position:fixed</code>).</p>
diff --git a/files/ru/learn/css/как/index.html b/files/ru/learn/css/howto/index.html
index 105c7f0a97..105c7f0a97 100644
--- a/files/ru/learn/css/как/index.html
+++ b/files/ru/learn/css/howto/index.html
diff --git a/files/ru/learn/css/styling_text/стилизация_списков/index.html b/files/ru/learn/css/styling_text/styling_lists/index.html
index b749acb5cc..b749acb5cc 100644
--- a/files/ru/learn/css/styling_text/стилизация_списков/index.html
+++ b/files/ru/learn/css/styling_text/styling_lists/index.html
diff --git a/files/ru/learn/css/styling_text/задание_colon__стилизирование_школьного_сайта/index.html b/files/ru/learn/css/styling_text/typesetting_a_homepage/index.html
index 4f77ee31bc..4f77ee31bc 100644
--- a/files/ru/learn/css/styling_text/задание_colon__стилизирование_школьного_сайта/index.html
+++ b/files/ru/learn/css/styling_text/typesetting_a_homepage/index.html
diff --git a/files/ru/learn/css/styling_text/веб_шрифты/index.html b/files/ru/learn/css/styling_text/web_fonts/index.html
index f6ca27747f..f6ca27747f 100644
--- a/files/ru/learn/css/styling_text/веб_шрифты/index.html
+++ b/files/ru/learn/css/styling_text/web_fonts/index.html
diff --git a/files/ru/learn/html/forms/стандартные_виджеты_форм/index.html b/files/ru/learn/forms/basic_native_form_controls/index.html
index eae3fbb32d..eae3fbb32d 100644
--- a/files/ru/learn/html/forms/стандартные_виджеты_форм/index.html
+++ b/files/ru/learn/forms/basic_native_form_controls/index.html
diff --git a/files/ru/learn/html/forms/валидация_формы/index.html b/files/ru/learn/forms/form_validation/index.html
index f2c5f362ac..f2c5f362ac 100644
--- a/files/ru/learn/html/forms/валидация_формы/index.html
+++ b/files/ru/learn/forms/form_validation/index.html
diff --git a/files/ru/learn/html/forms/how_to_build_custom_form_widgets/index.html b/files/ru/learn/forms/how_to_build_custom_form_controls/index.html
index 8a4ca2d6b8..8a4ca2d6b8 100644
--- a/files/ru/learn/html/forms/how_to_build_custom_form_widgets/index.html
+++ b/files/ru/learn/forms/how_to_build_custom_form_controls/index.html
diff --git a/files/ru/learn/html/forms/how_to_structure_an_html_form/index.html b/files/ru/learn/forms/how_to_structure_a_web_form/index.html
index 741d773dba..741d773dba 100644
--- a/files/ru/learn/html/forms/how_to_structure_an_html_form/index.html
+++ b/files/ru/learn/forms/how_to_structure_a_web_form/index.html
diff --git a/files/ru/learn/html/forms/index.html b/files/ru/learn/forms/index.html
index 02e36df560..02e36df560 100644
--- a/files/ru/learn/html/forms/index.html
+++ b/files/ru/learn/forms/index.html
diff --git a/files/ru/learn/html/forms/отправка_и_получение_данных_формы/index.html b/files/ru/learn/forms/sending_and_retrieving_form_data/index.html
index 9e7900f783..9e7900f783 100644
--- a/files/ru/learn/html/forms/отправка_и_получение_данных_формы/index.html
+++ b/files/ru/learn/forms/sending_and_retrieving_form_data/index.html
diff --git a/files/ru/learn/html/forms/sending_forms_through_javascript/index.html b/files/ru/learn/forms/sending_forms_through_javascript/index.html
index d98ccea1ac..d98ccea1ac 100644
--- a/files/ru/learn/html/forms/sending_forms_through_javascript/index.html
+++ b/files/ru/learn/forms/sending_forms_through_javascript/index.html
diff --git a/files/ru/learn/html/forms/styling_html_forms/index.html b/files/ru/learn/forms/styling_web_forms/index.html
index f8cc1644dc..f8cc1644dc 100644
--- a/files/ru/learn/html/forms/styling_html_forms/index.html
+++ b/files/ru/learn/forms/styling_web_forms/index.html
diff --git a/files/ru/learn/html/forms/ваша_первая_html_форма/index.html b/files/ru/learn/forms/your_first_form/index.html
index b68d433739..b68d433739 100644
--- a/files/ru/learn/html/forms/ваша_первая_html_форма/index.html
+++ b/files/ru/learn/forms/your_first_form/index.html
diff --git a/files/ru/learn/фронтенд_разработчик/index.html b/files/ru/learn/front-end_web_developer/index.html
index c219d6a069..c219d6a069 100644
--- a/files/ru/learn/фронтенд_разработчик/index.html
+++ b/files/ru/learn/front-end_web_developer/index.html
diff --git a/files/ru/learn/getting_started_with_the_web/установка_базового_программного_обеспечения/index.html b/files/ru/learn/getting_started_with_the_web/installing_basic_software/index.html
index 40b4254712..40b4254712 100644
--- a/files/ru/learn/getting_started_with_the_web/установка_базового_программного_обеспечения/index.html
+++ b/files/ru/learn/getting_started_with_the_web/installing_basic_software/index.html
diff --git a/files/ru/learn/getting_started_with_the_web/веб_и_веб_стандарты/index.html b/files/ru/learn/getting_started_with_the_web/the_web_and_web_standards/index.html
index 08fad617b5..08fad617b5 100644
--- a/files/ru/learn/getting_started_with_the_web/веб_и_веб_стандарты/index.html
+++ b/files/ru/learn/getting_started_with_the_web/the_web_and_web_standards/index.html
diff --git a/files/ru/learn/html/howto/author_fast-loading_html_pages/index.html b/files/ru/learn/html/howto/author_fast-loading_html_pages/index.html
new file mode 100644
index 0000000000..f34fe049f5
--- /dev/null
+++ b/files/ru/learn/html/howto/author_fast-loading_html_pages/index.html
@@ -0,0 +1,204 @@
+---
+title: Tips for authoring fast-loading HTML pages
+slug: Web/Guide/HTML/Tips_for_authoring_fast-loading_HTML_pages
+translation_of: Learn/HTML/Howto/Author_fast-loading_HTML_pages
+---
+<p>Эти советы основаны на общих знаниях и экспериментах.</p>
+
+<p>Оптимизированная веб-страница не только обеспечивает более отзывчивый сайт для ваших посетителей, но также снижает нагрузку на ваши веб-серверы и интернет-соединения. Это может иметь решающее значение для сайтов с большим объемом или сайтов, которые имеют всплеск трафика из-за необычных обстоятельств, таких как последние новости</p>
+
+<p>Оптимизация производительности загрузки страницы нужна не только для контента, который будет просматриваться узкополосным модемом или посетителями мобильных устройств. Это так же важно для широкополосного контента и может привести к значительным улучшениям даже для ваших посетителей с самыми быстрыми подключениями.</p>
+
+<h2 id="Tips" name="Tips">Советы</h2>
+
+<h3 id="Reduce_page_weight" name="Reduce_page_weight">Уменьшайте вес страницы</h3>
+
+<p>Веб-страницы - безусловно, самый важный фактор в производительности загрузки страницы.</p>
+
+<p>Уменьшение веса страницы за счет устранения ненужных пробелов и комментариев, широко известна как минимизация, и перемещая встроенный скрипт и CSS во внешние файлы, можно улучшить производительность загрузки с минимальными потребностями в других изменениях в структуре страницы.</p>
+
+<p>Такие инструменты, как <a class="external" href="http://tidy.sourceforge.net/">HTML Tidy</a> , могут автоматически убирать начальные пробелы и лишние пустые строки из допустимого источника HTML. Другие инструменты могут «сжимать» JavaScript, переформатируя источник или запутывая источник и заменяя длинные идентификаторы на более короткие версии</p>
+
+<h3 id="Minimize_the_number_of_files" name="Minimize_the_number_of_files">Минимизируйте количество файлов</h3>
+
+<p>Уменьшение количества файлов, на которые есть ссылки на веб-странице, уменьшает количество HTTP-соединений, необходимых для загрузки страницы, тем самым сокращая время отправки этих запросов и получения их ответов.</p>
+
+<p>В зависимости от настроек кэша браузера он может отправить запрос с заголовком <code>If-Modified-Since</code> для каждого ссылочного файла, спрашивая, был ли файл изменен с момента последней загрузки. Слишком много времени, затрачиваемое на запрос времени последнего изменения указанных файлов, может задержать первоначальное отображение веб-страницы, так как браузер должен проверить время изменения каждого из этих файлов перед отображением страницы.</p>
+
+<p>Если вы часто используете фоновые изображения в своем CSS, вы можете уменьшить количество запросов на поиск HTTP, объединив изображения в одно, называемое спрайтом изображения. Затем вы просто применяете одно и то же изображение каждый раз, когда вам это нужно для фона, и соответственно корректируете координаты x / y. Этот метод лучше всего работает с элементами, которые будут иметь ограниченные размеры, и не будет работать для каждого использования фонового изображения. Тем не менее, меньшее количество HTTP-запросов и кэширование одного изображения может помочь сократить время загрузки страницы.</p>
+
+<h3 id="Используйте_сеть_доставки_(и_дистрибуции)_содержимого_(Content_Delivery_Network_(CDN))"><strong>Используйте сеть доставки (и дистрибуции) содержимого (</strong>Content Delivery Network (CDN)<strong>)</strong></h3>
+
+<p>Для целей этой статьи CDN - это средство уменьшения физического расстояния между вашим сервером и вашим посетителем. По мере увеличения расстояния между вашим сервером и посетителем время загрузки будет увеличиваться. Предположим, ваш сервер веб-сайта находится в Соединенных Штатах и имеет посетителя из Индии; время загрузки страницы будет намного выше для индийского посетителя по сравнению с посетителем из США.</p>
+
+<p>CDN - это географически распределенная сеть серверов, которые работают вместе, чтобы сократить расстояние между пользователем и вашим сайтом. CDN хранят кэшированные версии вашего веб-сайта и предоставляют их посетителям через ближайший к пользователю сетевой узел, тем самым снижая задержку</p>
+
+<p>Дальнейшее чтение:</p>
+
+<ul>
+ <li><a href="https://www.incapsula.com/cdn-guide/what-is-cdn-how-it-works.html">Understanding CDNs</a></li>
+</ul>
+
+<h3 id="Reduce_domain_lookups" name="Reduce_domain_lookups">Сократите поиск доменов</h3>
+
+<p>Поскольку каждый отдельный домен требует времени для поиска DNS, время загрузки страницы будет расти вместе с количеством отдельных доменов, отображаемых в ссылках CSS, а также в JavaScript и изображениях.</p>
+
+<p>Это не всегда может быть практичным; однако вы всегда должны позаботиться об использовании только минимально необходимого количества разных доменов на своих страницах.</p>
+
+<h3 id="Cache_reused_content" name="Cache_reused_content">Кэшируйте повторно использованный контент</h3>
+
+<p>Убедитесь, что любой контент, который может быть кэширован, кэширован и имеет подходящее время истечения.</p>
+
+<p>В частности, обратите внимание на  заголовок <code>Last-Modified</code>. Это позволяет эффективно кэшировать страницы; с помощью этого заголовка агенту пользователя передается информация о файле, который он хочет загрузить, например, когда он был последний раз изменен. Большинство веб-серверов автоматически добавляют заголовок <code>Last-Modified</code> к статическим страницам (напр. <code>.html</code>, <code>.css</code>), на основе даты последнего изменения, хранящейся в файловой системе. С динамическими страницами (напр. <code>.php</code>, <code>.aspx</code>), это, конечно, не может быть сделано, и заголовок не отправляется.</p>
+
+<p>Так, в частности, для страниц, которые генерируются динамически, небольшое исследование по этой теме полезно. Это может быть несколько сложным, но это сэкономит много запросов страниц на страницах, которые обычно не могут быть кэшированы.</p>
+
+<p>Больше информации:</p>
+
+<ol>
+ <li><a class="external" href="http://fishbowl.pastiche.org/2002/10/21/http_conditional_get_for_rss_hackers">HTTP Conditional Get for RSS Hackers</a></li>
+ <li><a class="external" href="http://annevankesteren.nl/archives/2005/05/http-304">HTTP 304: Not Modified</a></li>
+ <li><a class="external" href="http://www.cmlenz.net/archives/2005/05/on-http-last-modified-and-etag">On HTTP Last-Modified and ETag</a></li>
+</ol>
+
+<h3 id="Optimally_order_the_components_of_the_page" name="Optimally_order_the_components_of_the_page">Оптимально размещайте компоненты на странице</h3>
+
+<p>Сначала загрузите содержимое страницы вместе с любым CSS или JavaScript, которые могут потребоваться для его первоначального отображения, чтобы пользователь получил самый быстрый очевидный ответ во время загрузки страницы. Этот контент, как правило, представляет собой текст, и поэтому может получить выгоду от сжатия текста при передаче, что обеспечивает еще более быстрый отклик для пользователя.</p>
+
+<p>Любые динамические функции, требующие полной загрузки страницы перед использованием, должны быть изначально отключены, а затем включены только после загрузки страницы. Это приведет к загрузке JavaScript после содержимого страницы, что улучшит общий вид загрузки страницы.</p>
+
+<h3 id="Reduce_the_number_of_inline_scripts" name="Reduce_the_number_of_inline_scripts">Уменьшайте количество встроенных скриптов</h3>
+
+<p>Встроенные сценарии могут быть дорогими для загрузки страницы, так как синтаксический анализатор должен предполагать, что встроенный сценарий может изменить структуру страницы во время анализа. Сокращение использования встроенных сценариев в целом и сокращение использования <code>document.write()</code> для вывода контента, в частности, может улучшить общую загрузку страницы. Используйте современные методы <a href="/en-US/docs/AJAX" title="en-US/docs/AJAX">AJAX</a> для управления содержимым страницы, а не устаревшие подходы, которые основаны на  <code>document.write()</code>.</p>
+
+<h3 id="Use_modern_CSS_and_valid_markup" name="Use_modern_CSS_and_valid_markup">Используйте современный CSS и корректную разметку</h3>
+
+<p>Использование современного CSS уменьшает количество текста, может уменьшить потребность в (разделительных) изображениях с точки зрения макета и очень часто может заменить изображения стилизованного текста - это «стоит» намного дороже, чем эквивалентный текст и CSS.</p>
+
+<p>Использование корректной разметки имеет следующие преимущества. Во-первых, браузерам не нужно выполнять исправление ошибок при разборе HTML (это помимо философской проблемы: разрешить ли изменение формата при вводе пользователем, а затем программно «исправить» или нормализовать его; или вместо этого обеспечить строгий формат ввода без допусков).</p>
+
+<p>Кроме того, корректная разметка позволяет спокойно использовать другие инструменты, которые могут предварительно обрабатывать ваши веб-страницы. Например, <a class="external" href="http://tidy.sourceforge.net/">HTML Tidy</a> может удалить пробелы и необязательные конечные теги; однако он откажется запускать страницу с серьезными ошибками разметки</p>
+
+<h3 id="Chunk_your_content" name="Chunk_your_content">Разделяйте ваш контент</h3>
+
+<p>Использование таблиц для вёрстки макетов устаревший метод, который не должен больше использоваться. Вместо этого для создания макетов нужно использовать &lt;a href="/en-US/docs/Learn/CSS/CSS_layout/Floats"&gt;floats&lt;/a&gt;, &lt;a href="/en-US/docs/Learn/CSS/CSS_layout/Positioning"&gt;positioning&lt;/a&gt;, &lt;a href="/en-US/docs/Learn/CSS/CSS_layout/Flexbox"&gt;flexbox&lt;/a&gt;, или &lt;a href="/en-US/docs/Learn/CSS/CSS_layout/Grids"&gt;grids&lt;/a&gt;.</p>
+
+<p>Таблицы по-прежнему считаются допустимой разметкой, но их следует использовать для отображения табличных данных. Чтобы браузер быстрее отображал вашу страницу, вам следует избегать вложения таблиц.</p>
+
+<p>Вместо глубоко вложенных таблиц, как в:</p>
+
+<pre>&lt;TABLE&gt;
+  &lt;TABLE&gt;
+    &lt;TABLE&gt;
+          ...
+    &lt;/TABLE&gt;
+  &lt;/TABLE&gt;
+&lt;/TABLE&gt;</pre>
+
+<p>используйте невложенные таблицы как показано (или div'ы)</p>
+
+<pre>&lt;TABLE&gt;...&lt;/TABLE&gt;
+&lt;TABLE&gt;...&lt;/TABLE&gt;
+&lt;TABLE&gt;...&lt;/TABLE&gt;
+</pre>
+
+<p>Смотри также: <a class="external" href="http://www.w3.org/TR/css3-multicol/" title="http://www.w3.org/TR/css3-multicol/">CSS3 Multi-column Layout Spec</a> и <a class="external" href="http://www.w3.org/TR/css3-flexbox/" title="http://www.w3.org/TR/css3-flexbox/">CSS3 Flexible Box Layout</a></p>
+
+<h3 id="Сокращайте_и_сжимайте_активы_SVG">Сокращайте и сжимайте активы SVG</h3>
+
+<p>SVG, создаваемый большинством графических приложений, часто содержит ненужные метаданные, которые можно удалить. Настройте свои сервера, примените сжатие gzip для ресурсов SVG</p>
+
+<h3 id="Сокращайте_и_сжимайте_ваши_изображения">Сокращайте и сжимайте ваши изображения</h3>
+
+<p>Большие изображения приводят к тому, что загрузка страницы занимает больше времени. Рассмотрите возможность сжатия ваших изображений перед добавлением их на свою страницу.  Есть онлайн-инструменты, такие как &lt;a href="https://compressjpeg.com/"&gt;Compress Jpeg&lt;/a&gt;, &lt;a href="https://tinypng.com"&gt;Tiny PNG&lt;/a&gt; и многие другие, доступны онлайн. Вы можете использовать офлайн-инструменты, такие как фотошоп и другие.</p>
+
+<h3 id="Specify_sizes_for_images_and_tables" name="Specify_sizes_for_images_and_tables">Указывайте размеры для изображений и таблиц </h3>
+
+<p>Если браузер может немедленно определить высоту и/или ширину ваших изображений и таблиц, он сможет отображать веб-страницу без необходимости переформатировать содержимое. Это не только ускоряет отображение страницы, но и предотвращает раздражающие изменения в макете страницы после завершения загрузки страницы. По этой причине <code>height</code> и <code>width</code>  должны быть указаны для изображений всегда, когда это возможно.</p>
+
+<p>Таблицы должны использовать CSS селектор: комбинация свойств</p>
+
+<pre>  table-layout: fixed;
+</pre>
+
+<p>и должны указывать ширину колонок используя HTML теги <code>COL</code> и <code>COLGROUP</code></p>
+
+<h3 id="Choose_your_user-agent_requirements_wisely" name="Choose_your_user-agent_requirements_wisely">Мудро выбирайте требования к пользовательскому агенту</h3>
+
+<p>Чтобы добиться наибольших улучшений в дизайне страниц, убедитесь, что для проектов указаны разумные требования к пользовательским агентам. Не требуйте, чтобы ваш контент казался идеальным во всех браузерах, особенно в устаревших.</p>
+
+<p>В идеале ваши базовые минимальные требования должны основываться на рассмотрении современных браузеров, поддерживающих соответствующие стандарты.Это может включать: Firefox 3.6+ на любой платформе, Internet Explorer 8.0+ на Windows, Opera 10+ на Windows, и Safari 4 на Mac OS X.</p>
+
+<p>Примечание. Несмотря на то, что эти атрибуты очень помогают при первой загрузке страницы, вы должны использовать их, но не предполагать, что они будут работать во всех браузерах. Если вы уже следуете всем рекомендациям JavaScript, вам не нужно менять код.</p>
+
+<h3 id="Используйте_async_и_defer_если_это_возможно">Используйте async и defer, если это возможно</h3>
+
+<p>Сделайте сценарии JavaScript такими, чтобы они были совместимы как с async, так и с defer, и по возможности используйте async, особенно если у вас есть несколько тегов script.</p>
+
+<p>При этом страница может перестать отображаться, пока JavaScript все еще загружается. В противном случае браузер не будет отображать ничего после тегов сценария, которые не имеют этих атрибутов.</p>
+
+<p>Примечание. Несмотря на то, что эти атрибуты очень помогают при первой загрузке страницы, вы должны использовать их, но не предполагать, что они будут работать во всех браузерах. Если вы уже следуете всем рекомендациям JavaScript, вам не нужно менять код.</p>
+
+<h2 id="Example_page_structure" name="Example_page_structure">Пример структуры страницы</h2>
+
+<p>· <code>HTML</code></p>
+
+<dl>
+ <dd>· <code>HEAD</code></dd>
+</dl>
+
+<dl>
+ <dd>
+ <dl>
+  <dd>· <code>LINK </code>...<br>
+  CSS файлы необходимы для отображения веб-страницы. Минимизируйте количество файлов для производительности, сохраняя несвязанные CSS в отдельных файлах для обслуживания.</dd>
+ </dl>
+ </dd>
+</dl>
+
+<dl>
+ <dd>
+ <dl>
+  <dd>· <code>SCRIPT </code>...<br>
+  Файлы JavaScript для функций, необходимых при загрузке страницы, но не для любого DHTML, который может работать только после загрузки страницы</dd>
+  <dd>Минимизируйте количество файлов для повышения производительности, сохраняя несвязанный JavaScript в отдельных файлах для обслуживания.</dd>
+ </dl>
+ </dd>
+</dl>
+
+<dl>
+ <dd>· <code>BODY</code></dd>
+ <dd>· Видимое пользователем содержимое страницы небольшими порциями (tables / divs) что можно отобразить, не дожидаясь загрузки полной страницы.</dd>
+</dl>
+
+<dl>
+ <dd>
+ <dl>
+  <dd>· <code>SCRIPT </code>...<br>
+  Любые сценарии, которые будут использоваться для выполнения DHTML. Сценарий DHTML обычно может запускаться только после полной загрузки страницы и инициализации всех необходимых объектов. Нет необходимости загружать эти скрипты перед содержимым страницы. Это только замедляет первоначальный вид загрузки страницы.</dd>
+  <dd>Минимизируйте количество файлов для повышения производительности, сохраняя несвязанный JavaScript в отдельных файлах для обслуживания</dd>
+  <dd>Если какие-либо изображения используются для эффектов ролловера, вам следует предварительно загрузить их здесь после загрузки содержимого страницы.</dd>
+ </dl>
+ </dd>
+</dl>
+
+<h2 id="Related_Links" name="Related_Links">Ссылки по теме</h2>
+
+<ul>
+ <li>Книга: <a class="external" href="http://www.websiteoptimization.com/">"Speed Up Your Site" by Andy King</a></li>
+ <li>Отличная и очень содеражательная статья <a class="external" href="http://developer.yahoo.com/performance/rules.html" title="http://developer.yahoo.com/performance/rules.html">Best Practices for Speeding Up Your Web Site</a> (Yahoo!)</li>
+ <li>Инструменты для анализа и оптимизации производительности: <a href="https://developers.google.com/speed/pagespeed/" title="https://developers.google.com/speed/pagespeed/">Google PageSpeed Tools</a></li>
+</ul>
+
+<div class="originaldocinfo">
+<h2 id="Original_Document_Information" name="Original_Document_Information">Original Document Information</h2>
+
+<ul>
+ <li>Author(s): Bob Clary, Technology Evangelist, Netscape Communications</li>
+ <li>Last Updated Date: Published 04 Apr 2003</li>
+ <li>Copyright Information: Copyright © 2001-2003 Netscape. All rights reserved.</li>
+ <li>Note: This reprinted article was originally part of the DevEdge site.</li>
+</ul>
+</div>
+
+<p> </p>
diff --git a/files/ru/learn/html/рецепты/index.html b/files/ru/learn/html/howto/index.html
index 1a780e676b..1a780e676b 100644
--- a/files/ru/learn/html/рецепты/index.html
+++ b/files/ru/learn/html/howto/index.html
diff --git a/files/ru/learn/html/howto/use_data_attributes/index.html b/files/ru/learn/html/howto/use_data_attributes/index.html
new file mode 100644
index 0000000000..cef001e25a
--- /dev/null
+++ b/files/ru/learn/html/howto/use_data_attributes/index.html
@@ -0,0 +1,129 @@
+---
+title: Использование data-* атрибутов
+slug: Web/Guide/HTML/Using_data_attributes
+tags:
+  - Guide
+  - HTML
+translation_of: Learn/HTML/Howto/Use_data_attributes
+---
+<p><a href="/ru/docs/Web/Guide/HTML/HTML5">HTML5</a> спроектирован с возможностью расширения данных ассоциированных с каким-либо элементом, но в то же время не обязательно имеющих определённое значение. <a href="/ru/docs/Web/HTML/Global_attributes#data-*"><code>data-*</code> атрибуты</a> позволяют хранить дополнительную информацию в стандартных элементах HTML, без хаков вроде нестандартных атрибутов, лишних DOM-свойств или {{domxref("Node.setUserData()")}}.</p>
+
+<h2 id="Синтаксис_HTML">Синтаксис HTML</h2>
+
+<p>Синтаксис прост — любой атрибут, чьё имя начинается с <code>data-</code>, является <code>data-*</code> атрибутом. Предположим у нас имеется статья и мы хотим сохранить дополнительную информацию без визуального представления. Для этого можно использовать <code>data</code>-атрибуты:</p>
+
+<pre class="brush: html">&lt;article
+  id="electriccars"
+  data-columns="3"
+  data-index-number="12314"
+  data-parent="cars"&gt;
+...
+&lt;/article&gt;</pre>
+
+<h2 id="Доступ_в_JavaScript">Доступ в JavaScript</h2>
+
+<p>Чтение <code>data-</code>атрибутов в <a href="/ru/docs/Web/JavaScript">JavaScript</a> осуществляется также просто. Для этого можно использовать метод {{domxref("Element.getAttribute", "getAttribute()")}} с параметром, равным полному имени атрибута. Но есть и более простой способ, используя объект {{domxref("HTMLElement.dataset", "dataset")}}.</p>
+
+<p>Чтобы получить <code>data</code>-атрибут можно взять свойство объекта <code>dataset</code> с именем, равным части имени атрибута после <code>data-</code> (обратите внимание, что дефисы в имени преобразуются в camelCase).</p>
+
+<pre><code>var article = document.getElementById('electriccars');
+
+article.dataset.columns // "3"
+article.dataset.indexNumber // "12314"
+article.dataset.parent // "cars"</code></pre>
+
+<p>Каждое свойство является строкой и может быть прочитано и записано. В приведённом выше примере выполнение кода <code>article.dataset.columns = 5</code> приведёт к тому, что новое значение атрибута станет равным <code>"5"</code>.</p>
+
+<h2 id="Доступ_в_CSS">Доступ в CSS</h2>
+
+<p>Заметим, что <code>data</code>-атрибуты являются обычными HTML-аттрибутами, к которым можно получить доступ в <a href="/ru/docs/Web/CSS">CSS</a>. Например, чтобы показать родительские данные о статье можно использовать <a href="/ru/docs/Web/CSS/content">генерируемый контент</a> и CSS функцию {{cssxref("attr")}}:</p>
+
+<pre class="brush: css">article::before {
+  content: attr(data-parent);
+}</pre>
+
+<p>Также можно использовать <a href="/ru/docs/Web/CSS/Attribute_selectors">селекторы атрибутов </a>в CSS для изменения стилей в соответствии с данным:</p>
+
+<pre class="brush: css">article[data-columns='3']{
+  width: 400px;
+}
+article[data-columns='4']{
+  width: 600px;
+}</pre>
+
+<p>Увидеть как это работает можно <a href="https://jsbin.com/ujiday/2/edit">в примере на JSBin</a>.</p>
+
+<p><code>Data</code>-аттрибуты также могут использоваться для хранения информации, которая постоянно изменяется, например, счёт в игре. Используя CSS селекторы и возможности JavaScript можно создавать некоторые изящные эффекты, без необходимости писать свои функции отображения. Посмотрите <a href="https://www.youtube.com/watch?v=On_WyUB1gOk">скринкаст</a> чтобы увидеть больше примеров использующих сгенерированный контент и переходы на CSS. <a href="https://jsbin.com/atawaz/3/edit">Пример кода из скринкаста можно также посмотреть на JSBin</a>.</p>
+
+<h2 id="Проблемы">Проблемы</h2>
+
+<p>Не храните данные, которые должны быть видимы и доступны в <code>data</code>-атрибутах. Дело в том, что вспомогательная техника (assistive technology) может не получить к ним доступ. В дополнение, поисковые роботы не индексируют данные, содержащиеся в <code>data</code>-атрибутах.</p>
+
+<p>Печально, что всё простое и полезное в этой жизни не достаётся бесплатно. Internet Explorer 11+ поддерживает этот стандарт, но все более ранние версии <a href="https://caniuse.com/#feat=dataset">не поддерживают <code>dataset</code></a>. Для поддержки IE 10 и более ранних версий получение доступа к <code>data</code>-атрибутам необходимо осуществлять через {{domxref("Element.getAttribute", "getAttribute()")}}. Также, <a href="https://jsperf.com/data-dataset">производительность чтения <code>data-</code>атрибутов</a> по сравнению с хранением этих данных в хранилище данных JS значительно хуже. Использование <code>dataset</code> ещё медленнее, чем чтение данных с <code>getAttribute()</code>.</p>
+
+<p>Тем не менее, для пользовательских метаданных, связанных с элементами, <code>data-</code>атрибуты являются отличным решением.</p>
+
+<h2 id="Поддержка_в_браузерах">Поддержка в браузерах</h2>
+
+<table class="standard-table">
+ <caption>caniuse</caption>
+ <thead>
+  <tr>
+   <th scope="col">
+    <h4 id="IE">IE</h4>
+   </th>
+   <th scope="col">
+    <h4 id="Edge">Edge</h4>
+   </th>
+   <th scope="col">
+    <h4 id="Firefox">Firefox</h4>
+   </th>
+   <th scope="col">
+    <h4 id="Chrome">Chrome</h4>
+   </th>
+   <th scope="col">
+    <h4 id="Safari">Safari</h4>
+   </th>
+   <th scope="col">
+    <h4 id="Opera">Opera</h4>
+   </th>
+   <th scope="col">
+    <h4 id="iOS_Safari">iOS Safari</h4>
+   </th>
+   <th scope="col">
+    <h4 id="Opera_Mini*">Opera Mini<sup>*</sup></h4>
+   </th>
+   <th scope="col">
+    <h4 id="Android_Browser">Android Browser</h4>
+   </th>
+   <th scope="col">
+    <h4 id="Chrome_for_Android">Chrome for Android</h4>
+   </th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>11+</td>
+   <td>14+</td>
+   <td>52+</td>
+   <td>49+</td>
+   <td>10.1+</td>
+   <td>46+</td>
+   <td>9.3+</td>
+   <td>all</td>
+   <td>4.4+</td>
+   <td>59+</td>
+  </tr>
+ </tbody>
+</table>
+
+<p> </p>
+
+<p>Тем не менее, для содержимого, которое не надо показывать это является отличным решением.</p>
+
+<h2 id="См._также">См. также</h2>
+
+<ul>
+ <li>This article is adapted from <a href="https://hacks.mozilla.org/2012/10/using-data-attributes-in-javascript-and-css/">Using data attributes in JavaScript and CSS on hacks.mozilla.org</a>.</li>
+ <li><a href="https://www.sitepoint.com/use-html5-data-attributes/">How to use HTML5 data attributes</a> (Sitepoint)</li>
+</ul>
diff --git a/files/ru/learn/html/введение_в_html/advanced_text_formatting/index.html b/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.html
index fdebae6e91..fdebae6e91 100644
--- a/files/ru/learn/html/введение_в_html/advanced_text_formatting/index.html
+++ b/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.html
diff --git a/files/ru/learn/html/введение_в_html/создание_гиперссылок/index.html b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html
index fcee7272e4..fcee7272e4 100644
--- a/files/ru/learn/html/введение_в_html/создание_гиперссылок/index.html
+++ b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html
diff --git a/files/ru/learn/html/введение_в_html/debugging_html/index.html b/files/ru/learn/html/introduction_to_html/debugging_html/index.html
index 1f3e03e508..1f3e03e508 100644
--- a/files/ru/learn/html/введение_в_html/debugging_html/index.html
+++ b/files/ru/learn/html/introduction_to_html/debugging_html/index.html
diff --git a/files/ru/learn/html/введение_в_html/структура_документа_и_веб-сайта/index.html b/files/ru/learn/html/introduction_to_html/document_and_website_structure/index.html
index 13f4f458d1..13f4f458d1 100644
--- a/files/ru/learn/html/введение_в_html/структура_документа_и_веб-сайта/index.html
+++ b/files/ru/learn/html/introduction_to_html/document_and_website_structure/index.html
diff --git a/files/ru/learn/html/введение_в_html/начало_работы/index.html b/files/ru/learn/html/introduction_to_html/getting_started/index.html
index 48904b9e17..48904b9e17 100644
--- a/files/ru/learn/html/введение_в_html/начало_работы/index.html
+++ b/files/ru/learn/html/introduction_to_html/getting_started/index.html
diff --git a/files/ru/learn/html/введение_в_html/html_text_fundamentals/index.html b/files/ru/learn/html/introduction_to_html/html_text_fundamentals/index.html
index 711c0bfdf3..711c0bfdf3 100644
--- a/files/ru/learn/html/введение_в_html/html_text_fundamentals/index.html
+++ b/files/ru/learn/html/introduction_to_html/html_text_fundamentals/index.html
diff --git a/files/ru/learn/html/введение_в_html/index.html b/files/ru/learn/html/introduction_to_html/index.html
index 1ecf1eb84a..1ecf1eb84a 100644
--- a/files/ru/learn/html/введение_в_html/index.html
+++ b/files/ru/learn/html/introduction_to_html/index.html
diff --git a/files/ru/learn/html/введение_в_html/marking_up_a_letter/index.html b/files/ru/learn/html/introduction_to_html/marking_up_a_letter/index.html
index c9ede9d116..c9ede9d116 100644
--- a/files/ru/learn/html/введение_в_html/marking_up_a_letter/index.html
+++ b/files/ru/learn/html/introduction_to_html/marking_up_a_letter/index.html
diff --git a/files/ru/learn/html/введение_в_html/structuring_a_page_of_content/index.html b/files/ru/learn/html/introduction_to_html/structuring_a_page_of_content/index.html
index b5bb7fa235..b5bb7fa235 100644
--- a/files/ru/learn/html/введение_в_html/structuring_a_page_of_content/index.html
+++ b/files/ru/learn/html/introduction_to_html/structuring_a_page_of_content/index.html
diff --git a/files/ru/learn/html/введение_в_html/the_head_metadata_in_html/index.html b/files/ru/learn/html/introduction_to_html/the_head_metadata_in_html/index.html
index dfb2840569..dfb2840569 100644
--- a/files/ru/learn/html/введение_в_html/the_head_metadata_in_html/index.html
+++ b/files/ru/learn/html/introduction_to_html/the_head_metadata_in_html/index.html
diff --git a/files/ru/learn/html/multimedia_and_embedding/добавление_r_graphics_to_the_web/index.html b/files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html
index a3a445dfc7..a3a445dfc7 100644
--- a/files/ru/learn/html/multimedia_and_embedding/добавление_r_graphics_to_the_web/index.html
+++ b/files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html
diff --git a/files/ru/learn/html/multimedia_and_embedding/изображения_в_html/index.html b/files/ru/learn/html/multimedia_and_embedding/images_in_html/index.html
index d96558e3da..d96558e3da 100644
--- a/files/ru/learn/html/multimedia_and_embedding/изображения_в_html/index.html
+++ b/files/ru/learn/html/multimedia_and_embedding/images_in_html/index.html
diff --git a/files/ru/learn/html/multimedia_and_embedding/изображения_в_html/проверьте_свои_знания_colon__изображения_в_html/index.html b/files/ru/learn/html/multimedia_and_embedding/images_in_html/test_your_skills_colon__html_images/index.html
index e00777dabe..e00777dabe 100644
--- a/files/ru/learn/html/multimedia_and_embedding/изображения_в_html/проверьте_свои_знания_colon__изображения_в_html/index.html
+++ b/files/ru/learn/html/multimedia_and_embedding/images_in_html/test_your_skills_colon__html_images/index.html
diff --git a/files/ru/learn/html/multimedia_and_embedding/заставка_mozilla/index.html b/files/ru/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html
index 4171780730..4171780730 100644
--- a/files/ru/learn/html/multimedia_and_embedding/заставка_mozilla/index.html
+++ b/files/ru/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html
diff --git a/files/ru/learn/javascript/asynchronous/таймауты_и_интервалы/index.html b/files/ru/learn/javascript/asynchronous/timeouts_and_intervals/index.html
index e3aa0c72b8..e3aa0c72b8 100644
--- a/files/ru/learn/javascript/asynchronous/таймауты_и_интервалы/index.html
+++ b/files/ru/learn/javascript/asynchronous/timeouts_and_intervals/index.html
diff --git a/files/ru/learn/javascript/building_blocks/события/index.html b/files/ru/learn/javascript/building_blocks/events/index.html
index db13cec676..db13cec676 100644
--- a/files/ru/learn/javascript/building_blocks/события/index.html
+++ b/files/ru/learn/javascript/building_blocks/events/index.html
diff --git a/files/ru/learn/javascript/первые_шаги/a_first_splash/index.html b/files/ru/learn/javascript/first_steps/a_first_splash/index.html
index b2a811b992..b2a811b992 100644
--- a/files/ru/learn/javascript/первые_шаги/a_first_splash/index.html
+++ b/files/ru/learn/javascript/first_steps/a_first_splash/index.html
diff --git a/files/ru/learn/javascript/первые_шаги/arrays/index.html b/files/ru/learn/javascript/first_steps/arrays/index.html
index 7f38ce4a50..7f38ce4a50 100644
--- a/files/ru/learn/javascript/первые_шаги/arrays/index.html
+++ b/files/ru/learn/javascript/first_steps/arrays/index.html
diff --git a/files/ru/learn/javascript/первые_шаги/index.html b/files/ru/learn/javascript/first_steps/index.html
index bd435e920f..bd435e920f 100644
--- a/files/ru/learn/javascript/первые_шаги/index.html
+++ b/files/ru/learn/javascript/first_steps/index.html
diff --git a/files/ru/learn/javascript/первые_шаги/math/index.html b/files/ru/learn/javascript/first_steps/math/index.html
index 29ff9258bf..29ff9258bf 100644
--- a/files/ru/learn/javascript/первые_шаги/math/index.html
+++ b/files/ru/learn/javascript/first_steps/math/index.html
diff --git a/files/ru/learn/javascript/первые_шаги/создатель_глуых_историй/index.html b/files/ru/learn/javascript/first_steps/silly_story_generator/index.html
index 139e478847..139e478847 100644
--- a/files/ru/learn/javascript/первые_шаги/создатель_глуых_историй/index.html
+++ b/files/ru/learn/javascript/first_steps/silly_story_generator/index.html
diff --git a/files/ru/learn/javascript/первые_шаги/строки/index.html b/files/ru/learn/javascript/first_steps/strings/index.html
index 583e29182e..583e29182e 100644
--- a/files/ru/learn/javascript/первые_шаги/строки/index.html
+++ b/files/ru/learn/javascript/first_steps/strings/index.html
diff --git a/files/ru/learn/javascript/первые_шаги/useful_string_methods/index.html b/files/ru/learn/javascript/first_steps/useful_string_methods/index.html
index 1318ee39ac..1318ee39ac 100644
--- a/files/ru/learn/javascript/первые_шаги/useful_string_methods/index.html
+++ b/files/ru/learn/javascript/first_steps/useful_string_methods/index.html
diff --git a/files/ru/learn/javascript/первые_шаги/variables/index.html b/files/ru/learn/javascript/first_steps/variables/index.html
index e1195effd5..e1195effd5 100644
--- a/files/ru/learn/javascript/первые_шаги/variables/index.html
+++ b/files/ru/learn/javascript/first_steps/variables/index.html
diff --git a/files/ru/learn/javascript/первые_шаги/what_is_javascript/index.html b/files/ru/learn/javascript/first_steps/what_is_javascript/index.html
index f34dac6902..f34dac6902 100644
--- a/files/ru/learn/javascript/первые_шаги/what_is_javascript/index.html
+++ b/files/ru/learn/javascript/first_steps/what_is_javascript/index.html
diff --git a/files/ru/learn/javascript/первые_шаги/что_пошло_не_так/index.html b/files/ru/learn/javascript/first_steps/what_went_wrong/index.html
index dbb0a4577a..dbb0a4577a 100644
--- a/files/ru/learn/javascript/первые_шаги/что_пошло_не_так/index.html
+++ b/files/ru/learn/javascript/first_steps/what_went_wrong/index.html
diff --git a/files/ru/learn/javascript/объекты/adding_bouncing_balls_features/index.html b/files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.html
index fe97392371..fe97392371 100644
--- a/files/ru/learn/javascript/объекты/adding_bouncing_balls_features/index.html
+++ b/files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.html
diff --git a/files/ru/learn/javascript/объекты/основы/index.html b/files/ru/learn/javascript/objects/basics/index.html
index a4e7cc0071..a4e7cc0071 100644
--- a/files/ru/learn/javascript/объекты/основы/index.html
+++ b/files/ru/learn/javascript/objects/basics/index.html
diff --git a/files/ru/learn/javascript/объекты/index.html b/files/ru/learn/javascript/objects/index.html
index 9acc354feb..9acc354feb 100644
--- a/files/ru/learn/javascript/объекты/index.html
+++ b/files/ru/learn/javascript/objects/index.html
diff --git a/files/ru/learn/javascript/объекты/inheritance/index.html b/files/ru/learn/javascript/objects/inheritance/index.html
index c1565cd72f..c1565cd72f 100644
--- a/files/ru/learn/javascript/объекты/inheritance/index.html
+++ b/files/ru/learn/javascript/objects/inheritance/index.html
diff --git a/files/ru/learn/javascript/объекты/json/index.html b/files/ru/learn/javascript/objects/json/index.html
index 371f254ec6..371f254ec6 100644
--- a/files/ru/learn/javascript/объекты/json/index.html
+++ b/files/ru/learn/javascript/objects/json/index.html
diff --git a/files/ru/learn/javascript/объекты/object-oriented_js/index.html b/files/ru/learn/javascript/objects/object-oriented_js/index.html
index 0299268a90..0299268a90 100644
--- a/files/ru/learn/javascript/объекты/object-oriented_js/index.html
+++ b/files/ru/learn/javascript/objects/object-oriented_js/index.html
diff --git a/files/ru/learn/javascript/объекты/object_building_practice/index.html b/files/ru/learn/javascript/objects/object_building_practice/index.html
index b06b769ca4..b06b769ca4 100644
--- a/files/ru/learn/javascript/объекты/object_building_practice/index.html
+++ b/files/ru/learn/javascript/objects/object_building_practice/index.html
diff --git a/files/ru/learn/javascript/объекты/object_prototypes/index.html b/files/ru/learn/javascript/objects/object_prototypes/index.html
index 0a76580d9c..0a76580d9c 100644
--- a/files/ru/learn/javascript/объекты/object_prototypes/index.html
+++ b/files/ru/learn/javascript/objects/object_prototypes/index.html
diff --git a/files/ru/learn/server-side/django/аутентификация/index.html b/files/ru/learn/server-side/django/authentication/index.html
index 807db42a90..807db42a90 100644
--- a/files/ru/learn/server-side/django/аутентификация/index.html
+++ b/files/ru/learn/server-side/django/authentication/index.html
diff --git a/files/ru/learn/server-side/django/разворачивание/index.html b/files/ru/learn/server-side/django/deployment/index.html
index 640527b63d..640527b63d 100644
--- a/files/ru/learn/server-side/django/разворачивание/index.html
+++ b/files/ru/learn/server-side/django/deployment/index.html
diff --git a/files/ru/learn/server-side/django/введение/index.html b/files/ru/learn/server-side/django/introduction/index.html
index 4bff707908..4bff707908 100644
--- a/files/ru/learn/server-side/django/введение/index.html
+++ b/files/ru/learn/server-side/django/introduction/index.html
diff --git a/files/ru/learn/server-side/django/сессии/index.html b/files/ru/learn/server-side/django/sessions/index.html
index 5f7d492c72..5f7d492c72 100644
--- a/files/ru/learn/server-side/django/сессии/index.html
+++ b/files/ru/learn/server-side/django/sessions/index.html
diff --git a/files/ru/learn/server-side/express_nodejs/учебник_сайт_local_library/index.html b/files/ru/learn/server-side/express_nodejs/tutorial_local_library_website/index.html
index c7e821248e..c7e821248e 100644
--- a/files/ru/learn/server-side/express_nodejs/учебник_сайт_local_library/index.html
+++ b/files/ru/learn/server-side/express_nodejs/tutorial_local_library_website/index.html
diff --git a/files/ru/learn/server-side/first_steps/веб_безопасность/index.html b/files/ru/learn/server-side/first_steps/website_security/index.html
index 6caa9b2aa2..6caa9b2aa2 100644
--- a/files/ru/learn/server-side/first_steps/веб_безопасность/index.html
+++ b/files/ru/learn/server-side/first_steps/website_security/index.html
diff --git a/files/ru/learn/tools_and_testing/фронтенд_javascript_фреймворки/index.html b/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/index.html
index 08fb977bb5..08fb977bb5 100644
--- a/files/ru/learn/tools_and_testing/фронтенд_javascript_фреймворки/index.html
+++ b/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/index.html
diff --git a/files/ru/learn/tools_and_testing/фронтенд_javascript_фреймворки/react_getting_started/index.html b/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html
index 9a898b282a..9a898b282a 100644
--- a/files/ru/learn/tools_and_testing/фронтенд_javascript_фреймворки/react_getting_started/index.html
+++ b/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html
diff --git a/files/ru/learn/tools_and_testing/гитхаб/index.html b/files/ru/learn/tools_and_testing/github/index.html
index f78ac2a27c..f78ac2a27c 100644
--- a/files/ru/learn/tools_and_testing/гитхаб/index.html
+++ b/files/ru/learn/tools_and_testing/github/index.html
diff --git a/files/ru/learn/как_сделать_вклад/index.html b/files/ru/learn/как_сделать_вклад/index.html
deleted file mode 100644
index caed3b7970..0000000000
--- a/files/ru/learn/как_сделать_вклад/index.html
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: Как сделать вклад в Обучающую Зону MDN
-slug: Learn/Как_сделать_вклад
-tags:
-  - Вклад
-  - Документация
-  - Новичку
-  - Новичок
-  - Обучение
-  - Правила
-  - Руководство
-translation_of: Learn/How_to_contribute
----
-<div>{{LearnSidebar}}</div>
-
-<p>Оказались ли вы здесь впервые или в результате глубокого поиска, вас, вероятно, привело сюда желание помочь Обучающей Зоне MDN. И это отличная новость!</p>
-
-<p><span class="seoSummary">На этой странице вы найдёте всё необходимое для того, чтобы помочь улучшить обучающий контент MDN. Здесь есть много вещей, которые вы можете сделать, в зависимости от того, сколько времени у вас есть и кем вы являетесь <a href="#Я_новичок">новичком</a>, <a href="#Я_веб_разработчик">веб-разработчиком</a> или <a href="#Я_учитель">учителем</a>.</span></p>
-
-<div class="note">
-<p>Руководство по написанию новой статьи в обучающем пространстве можно посмотреть на странице <a href="https://developer.mozilla.org/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">How to write an article to help people learn about the Web</a>.</p>
-</div>
-
-<h2 id="Найдите_конкретные_задачи">Найдите конкретные задачи</h2>
-
-<p><strong>Для организации своих задач участники сообщества используют <a href="https://trello.com/b/LDggrYSV">Trello board</a>. Там вы можете найти конкретные задачи проекта, ожидающие выполнения. Если вы хотите использовать её, просто <a href="https://trello.com/signup">создайте Trello аккаунт</a> и напишите Chris Mills, чтобы он дал доступ к записи на доску.</strong></p>
-
-<p>Принятие участия - это также отличный способ повеселиться, одновременно изучая новое. Если вы запутались или у вас есть вопросы, не стесняйтесь написать нам в <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">наш список рассылки</a> или <a href="/en-US/docs/MDN/Community#Get_into_IRC">IRC канал</a> (подробности указаны внизу этой страницы). <a href="https://developer.mozilla.org/en-US/profiles/chrisdavidmills">Chris Mills</a> заведует Обучающей Зоной — вы также можете попробовать написать ему напрямую.</p>
-
-<p>В следующих разделах описаны некоторые идеи касательно задач, которыми вы могли бы заняться.</p>
-
-<h2 id="Я_новичок">Я новичок</h2>
-
-<p>Это круто! Новички очень важны для создания и предоставления отзывов об материалах для обучения. Ваш уникальный взгляд представителя целевой аудитории данных статей может сделать вас бесценным участником нашей команды. В самом деле, если вы "застряли" в процессе изучения какой-либо темы по одной из наших статей, или находите эту статью в некотором роде запутанной, вы можете либо исправить её сами, либо сообщить об этой проблеме нам, чтобы мы позаботились о её исправлении.</p>
-
-<p>Вот как, например, вы можете помочь:</p>
-
-<dl>
- <dt><a href="/ru/docs/MDN/Contribute/Howto/Tag">Добавьте теги к нашим статьям</a> (<em>5 мин</em>)</dt>
- <dd>Добавление тегов к контенту MDN - один из самых легких способов внести свой вклад. Помощь в этом направлении очень ценна, поскольку теги широко применяются в MDN, чтобы вписать информацию в контекст. Начать можно с просмотра списков <a href="/en-US/docs/MDN/Doc_status/Glossary#No_tags">словарных</a> и <a href="/en-US/docs/MDN/Doc_status/Learn#No_tags">обучающих статей</a>.</dd>
- <dt><a href="/ru/docs/Словарь">Прочитайте и проверьте статью в словаре</a> (<em>5 мин</em>)</dt>
- <dd>Нам очень важен ваш взгляд, как начинающего, на наш контент. Если вы считаете, что статья в словаре слишком сложна, значит, её необходимо улучшить. Не стесняйтесь вносить любые необходимые, на ваш взгляд, изменения. Если вам кажется, что у вас недостаточно навыков, чтобы самостоятельно отредактировать статью, можете сообщить нам о ней в нашем <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">списке рассылки</a>.</dd>
- <dt><a href="ru/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Напишите новую статью для словаря</a> (<em>20 минут</em>)</dt>
- <dd>Это самый эффективный способ узнать что-то новое. Выберите понятие, которое вам хотелось бы изучить, и в процессе изучения пишите о нем статью для словаря. Объяснить какую-либо вещь другим - отличный способ закрепить знание в голове, и разобраться самому, при этом помогая другим. Everybody wins!</dd>
- <dt><a href="/en-US/Learn/Index">Прочитайте и проверьте обучающую статью</a> (<em>2 часа</em>)</dt>
- <dd>Эта задача очень похожа на проверку статей в словаре (см. выше), она лишь занимает больше времени, поскольку обычно такие статьи значительно длиннее.</dd>
-</dl>
-
-<h2 id="Я_веб-разработчик">Я веб-разработчик</h2>
-
-<p>Фантастика! Ваши технические навыки - именно то, что помогает нам убедиться в технической точности контента для новичков. Поскольку данная конкретная часть MDN посвящена обучению Вебу, постарайтесь делать ваши объяснения максимально простыми, но не чересчур простыми, они не должны стать бесполезны. Понятность важнее, чем чрезмерная точность.</p>
-
-<dl>
- <dt><a href="/ru/docs/Словарь">Прочитайте и проверьте статью в словаре</a> (<em>5 мин</em>)</dt>
- <dd>Нам важно, чтобы вы, как веб-разработчик, убедились в том, что наш контент технически точен, но при этом не слишком сложен. Не стесняйтесь делать любые изменения, которые вам покажутся нужными. Если вы хотите обсудить контент до того, как приступать к редактированию, напишите нам в <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">список рассылки</a> или <a href="/en-US/docs/MDN/Community#Get_into_IRC">IRC канал</a>.</dd>
- <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Напишите новую статью для словаря </a>(<em>20 минут</em>)</dt>
- <dd>Разъяснение технического жаргона - хороший способ научиться быть одновременно технически точным и простым. Новички будут вам за это благодарны. У нас есть <a href="/en-US/docs/Glossary#Contribute">много терминов без определений</a>, которые нуждаются в вашем внимании. Выберите один и приступайте!</dd>
- <dt><a href="/en-US/Learn/Index">Прочитайте и проверьте обучающую статью</a> (<em>2 часа</em>)</dt>
- <dd>Это тоже самое, что и проверка статьи в словаре (см.выше), но занимает больше времени, поскольку обычно такие статьи значительно длиннее.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">Напишите новую обучающую статью</a> (<em>4 часа или больше</em>)</dt>
- <dd>MDN не хватает ясных и доходчивых статей об использовании веб-технологий (<a href="/en-US/docs/Learn/CSS">HTML</a>, <a href="/en-US/docs/Learn/CSS">CSS</a>, <a href="/en-US/docs/Learn/JavaScript">JavaScript</a>, и т.д). Кроме того, у нас есть старый контент, который нуждается в редактуре и изменениях. Доведите ваши умения до предела, чтобы сделать веб-технологии пригодными для использования даже начинающими.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web">Создайте упражнения, примеры кода или интерактивные обучающие инструменты</a> (<em>? часов</em>)</dt>
- <dd>Все наши обучающие статьи требуют материалов, как мы это называем, "активного обучения", так как эффективнее всего люди учатся, выполняя что-либо самостоятельно. Под такого рода материалами подразумеваются упражнения или интерактивный контент, которые помогают пользователю применять и оперировать понятиями, описанными в статье. Существует множество способов создания контента активного обучения, от написания образцов кода с помощью <a href="http://jsfiddle.net" rel="external">JSFiddle</a> или подобных инструментов, до построения fully hackable интерактивного контента в <a href="https://thimble.mozilla.org/" rel="external">Thimble</a>. Раскройте ваш творческий потенциал!</dd>
-</dl>
-
-<h2 id="Я_учитель">Я учитель</h2>
-
-<p>У MDN долгая история совершенствования в техническом плане, но нам не хватает глубины понимания того, как лучше обучать новичков. Именно на этом этапе мы нуждаемся в вас, как в преподавателях и педагогах. Вы можете помочь нам гарантировать, что наши материалы обеспечивают хороший, практикоориентированный образовательный путь для наших читателей.</p>
-
-<dl>
- <dt><a href="/ru/docs/Словарь">Прочитайте и проверьте статью в словаре</a> (<em>15 мин</em>)</dt>
- <dd>Просмотрите словарную статью и не стесняйтесь вносить любые необходимые, на ваш взгляд, изменения. Если вы хотели бы обсудить контент перед тем, как редактировать, напишите нам в наш <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">список рассылки</a> или <a href="/en-US/docs/MDN/Community#Get_into_IRC">IRC канал</a>.</dd>
- <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Напишите новую статью для словаря</a> (<em>1 час</em>)</dt>
- <dd>Новички очень нуждаются в ясных, простых определениях терминов и базовом обзоре понятий в словаре. Ваш педагогический опыт может помочь нам создать превосходные словарные статьи; у нас есть <a href="/en-US/docs/Glossary#Contribute">множество терминов без определений</a>, которые нуждаются в вашем внимании. Выбирайте один из них и приступайте.</dd>
- <dt><a href="/en-US/docs/tag/needsSchema">Добавьте илллюстрации и/или схемы в статью</a> (<em>1 час</em>)</dt>
- <dd>Как вам, наверное, известно, иллюстрации - бесценная часть любого обучающего материала. Зачастую именно их нам не хватает на MDN, и ваши навыки могут улучшить ситуацию в данной области. Посмотрите список статей, у которых <a href="/en-US/docs/tag/needsSchema">отсутствует иллюстративный материал</a>, и выберите одну, к которой вам бы хотелось создать графику.</dd>
- <dt><a href="/en-US/Learn/Index">Прочитайте и проверьте обучающую статью</a> (<em>2 часа</em>)</dt>
- <dd>Это тоже самое, что и проверка статьи в словаре (см.выше), но занимает больше времени, поскольку обычно такие статьи значительно длиннее.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">Напишите новую обучающую статью</a> (<em>4 часа</em>)</dt>
- <dd>Нам нужны простые, доходчивые статьи о Web экосистеме и прочих практических темах в связанных областях. Поскольку данные обучающие статьи должны быть скорее образовательными, чем охватывать целиком всю имеющуюся информацию, ваш опыт касательно того, что именно нужно осветить и как, будет очень ценен.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web">Создайте упражнения, <abbr title="Multiple Choice Tests">викторины</abbr> или интерактивные обучающие инструменты</a> (<em>? часа</em>)</dt>
- <dd>Все наши обучающие статьи требуют материалов "активного обучения", то есть упражнений или интерактивного контента, которые помогают пользователю углубиться и научиться использовать концепции, описанные в статье. В этой области вы можете сделать многое, от создания викторин до построения fully hackable интерактивного контента с <a href="https://thimble.mozilla.org/" rel="external">Thimble</a>. Раскройте вашу творческую сторону!</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_learning_pathways">Создайте пути обучения</a> (<em>? часа</em>)</dt>
- <dd>Чтобы предоставить прогрессивные и доступные для понимания руководства, нам необходимо объединять контент в пути. Это способ собрать существующий контент и выяснить, чего в нем недостает для написания обучающей статьи.</dd>
-</dl>