use class="hidden" not style="display:none"

4 files changed, 16 insertions, 16 deletions

diff --git a/files/ru/learn/css/styling_text/styling_lists/index.html b/files/ru/learn/css/styling_text/styling_lists/index.html
index 401cd7e6e1..dfd19f97e8 100644
--- a/files/ru/learn/css/styling_text/styling_lists/index.html
+++ b/files/ru/learn/css/styling_text/styling_lists/index.html
@@ -125,7 +125,7 @@ dd {
  <li>Первое правило устанавливает шрифт сайта и основной размер шрифта 10px. Они наследуются всеми на этой странице.</li>
  <li>Правила 2 и 3 задают относительные размеры шрифтов заголовков, различных типов списков (их наследуют дочерние элементы списков) и параграфов. Это значит, что каждый параграф и список будут иметь одинаковый размер шрифта, а также верхний и нижний интервалы, помогая сохранить согласованность вертикального ритма.</li>
  <li>Правило 4 задает одинаковую высоту {{cssxref("line-height")}} в параграфах и пунктах списка — так, что параграфы и каждый отдельный пункт списка будут иметь те же интервалы между строками. Это также поможет сохранить согласованность вертикального ритма.</li>
- <li>Правила 5 и 6 применяются к списку описаний — мы задаем одинаковую высоту <code>line-height</code> между терминами и описаниями списке описаний как мы это делали с параграфами и пунктами списка. И снова, согласованность хорошая! <span class="tlid-translation translation" lang="ru"><span title="">Мы также делаем описание терминов жирным шрифтом, чтобы они визуально выделялись легче.</span></span> <span id="cke_bm_126E" style="display: none;"> </span></li>
+ <li>Правила 5 и 6 применяются к списку описаний — мы задаем одинаковую высоту <code>line-height</code> между терминами и описаниями списке описаний как мы это делали с параграфами и пунктами списка. И снова, согласованность хорошая! <span class="tlid-translation translation" lang="ru"><span title="">Мы также делаем описание терминов жирным шрифтом, чтобы они визуально выделялись легче.</span></span> <span id="cke_bm_126E" class="hidden"> </span></li>
 </ul>
 
 <h2 id="Стили_специфичные_для_списков">Стили специфичные для списков</h2>
diff --git a/files/ru/learn/html/howto/index.html b/files/ru/learn/html/howto/index.html
index 06759fe76d..65c138e103 100644
--- a/files/ru/learn/html/howto/index.html
+++ b/files/ru/learn/html/howto/index.html
@@ -151,4 +151,4 @@ original_slug: Learn/HTML/Рецепты
 </div>
 </div>
 
-<p><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span> </p>
+<p><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span> </p>
diff --git a/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html
index a6cd7e7730..d252a56e21 100644
--- a/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html
+++ b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html
@@ -355,9 +355,9 @@ original_slug: Learn/HTML/Введение_в_HTML/Создание_гиперс
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button"></div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"></div>
+<div id="SL_shadow_translation_result2" class="hidden"></div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"></div>
 
@@ -369,7 +369,7 @@ original_slug: Learn/HTML/Введение_в_HTML/Создание_гиперс
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"></div>
 
 <div id="SL_alert_cont"></div>
diff --git a/files/ru/learn/html/introduction_to_html/getting_started/index.html b/files/ru/learn/html/introduction_to_html/getting_started/index.html
index f27e4c5398..89f5077314 100644
--- a/files/ru/learn/html/introduction_to_html/getting_started/index.html
+++ b/files/ru/learn/html/introduction_to_html/getting_started/index.html
@@ -193,7 +193,7 @@ textarea.onkeyup = function(){
 
 <h3 id="Вложенные_элементы">Вложенные элементы</h3>
 
-<h3 id="Nesting_elements" style="display: none;">Nesting_elements</h3>
+<h3 id="Nesting_elements" class="hidden">Nesting_elements</h3>
 
 <p>Вы также можете вкладывать элементы внутрь других элементов — это называется <strong>вложенностью</strong>. Если мы хотим подчеркнуть, что наш кот <strong>очень</strong> сердитый, мы можем заключить слово "очень" в элемент {{htmlelement("strong")}} , который означает, что это слово крайне важно в данном контексте:</p>
 
@@ -207,7 +207,7 @@ textarea.onkeyup = function(){
 
 <h3 id="Блочные_и_строчные_элементы">Блочные и строчные элементы</h3>
 
-<h3 id="Block_versus_inline_elements" style="display: none;">Block versus inline elements</h3>
+<h3 id="Block_versus_inline_elements" class="hidden">Block versus inline elements</h3>
 
 <p>Существует две важных категории элементов в HTML, которые вам стоит знать — элементы блочного уровня и строчные элементы.</p>
 
@@ -241,7 +241,7 @@ textarea.onkeyup = function(){
 
 <h3 id="Пустые_элементы">Пустые элементы</h3>
 
-<h3 id="Empty_elements" style="display: none;">Empty elements</h3>
+<h3 id="Empty_elements" class="hidden">Empty elements</h3>
 
 <p>Не все элементы соответствуют вышеупомянутому шаблону: открывающий тег, контент, закрывающий тег. Некоторые элементы состоят из одного тега и обычно используются для вставки чего-либо в то место документа, где размещены. Например, элемент {{htmlelement("img")}} вставляет картинку на страницу в том самом месте, где он расположен:</p>
 
@@ -273,7 +273,7 @@ textarea.onkeyup = function(){
 
 <h3 id="Активное_изучение_Добавление_атрибутов_в_элемент">Активное изучение: Добавление атрибутов в элемент</h3>
 
-<h3 id="Active_learning_Adding_attributes_to_an_element" style="display: none;">Active learning: Adding attributes to an element</h3>
+<h3 id="Active_learning_Adding_attributes_to_an_element" class="hidden">Active learning: Adding attributes to an element</h3>
 
 <p>Возьмём для примера элемент {{htmlelement("a")}} — означает anchor (якорь) и делает текст внутри него гиперссылкой. Может иметь несколько атрибутов, вот несколько из них:</p>
 
@@ -410,7 +410,7 @@ textarea.onkeyup = function(){
 
 <h3 id="Булевые_атрибуты">Булевые атрибуты</h3>
 
-<h3 id="Boolean_attributes" style="display: none;">Boolean attributes</h3>
+<h3 id="Boolean_attributes" class="hidden">Boolean attributes</h3>
 
 <p>Иногда вы будете видеть атрибуты, написанные без значения — это совершенно допустимо.  Такие атрибуты называются булевые, и они могут иметь только одно значение, которое в основном совпадает с его именем. В качестве примера возьмем атрибут {{htmlattrxref("disabled", "input")}}, который можно назначить для формирования элементов ввода, если вы хотите, чтобы они были отключены (неактивны), так что пользователь не может вводить какие-либо данные в них.</p>
 
@@ -429,7 +429,7 @@ textarea.onkeyup = function(){
 
 <h3 id="Опускание_кавычек_вокруг_значений_атрибутов">Опускание кавычек вокруг значений атрибутов</h3>
 
-<h3 id="Omitting_quotes_around_attribute_values" style="display: none;">Omitting quotes around attribute values</h3>
+<h3 id="Omitting_quotes_around_attribute_values" class="hidden">Omitting quotes around attribute values</h3>
 
 <p>Осматриваясь во всемирной сети, вы будете встречать различные незнакомые способы написания разметки, включая написание значений атрибутов без кавычек. Это допустимо при определенных условиях, но разрушит вашу разметку при других. Например, возвращаясь к нашему упражнению с гиперссылкой, мы можем написать основной вариант только с атрибутом <code>href</code> так:</p>
 
@@ -447,7 +447,7 @@ textarea.onkeyup = function(){
 
 <h3 id="Одинарные_или_двойные_кавычки">Одинарные или двойные кавычки?</h3>
 
-<h3 id="Single_or_double_quotes" style="display: none;">Single or double quotes?</h3>
+<h3 id="Single_or_double_quotes" class="hidden">Single or double quotes?</h3>
 
 <p>В этой статье вы заметите, что все атрибуты заключены в двойные кавычки. Однако, вы можете видеть одинарные кавычки в HTML документах других людей. Это исключительно дело вкуса, и вы можете свободно выбирать, какие из них предпочитаете. Обе следующие строки эквивалентны:</p>
 
@@ -503,7 +503,7 @@ textarea.onkeyup = function(){
 
 <h3 id="Активное_изучение_Добавление_элементов_в_ваш_HTML-документ">Активное изучение: Добавление элементов в ваш HTML-документ</h3>
 
-<h3 id="Active_learning_Adding_some_features_to_an_HTML_document" style="display: none;">Active learning: Adding some features to an HTML document</h3>
+<h3 id="Active_learning_Adding_some_features_to_an_HTML_document" class="hidden">Active learning: Adding some features to an HTML document</h3>
 
 <p>Если вы хотите поэкспериментировать с написанием HTML на своём компьютере, то можете:</p>
 
@@ -660,7 +660,7 @@ textarea.onkeyup = function(){
 
 <h3 id="Пробелы_в_HTML">Пробелы в HTML</h3>
 
-<h3 id="Whitespace_in_HTML" style="display: none;">Whitespace in HTML</h3>
+<h3 id="Whitespace_in_HTML" class="hidden">Whitespace in HTML</h3>
 
 <p>Вы могли заметить, что в примерах кода из этой статьи много пробелов. Это вовсе не обязательно — следующие два примера эквивалентны:</p>
 
@@ -673,7 +673,7 @@ textarea.onkeyup = function(){
 
 <h2 id="Ссылки_на_сущности_Включение_специальных_символов_в_HTML">Ссылки на сущности: Включение специальных символов в HTML</h2>
 
-<h2 id="Entity_references_Including_special_characters_in_HTML" style="display: none;">Entity references: Including special characters in HTML</h2>
+<h2 id="Entity_references_Including_special_characters_in_HTML" class="hidden">Entity references: Including special characters in HTML</h2>
 
 <p>В HTML символы <code>&lt;</code>, <code>&gt;</code>, <code>"</code>, <code>'</code> и <code>&amp;</code> являются специальными. Они являются частью самого синтаксиса HTML. Так как же включить в текст один из этих специальных символов? Например, если вы хотите использовать амперсанд или знак «меньше» и не интерпретировать его как код.</p>
 
@@ -726,7 +726,7 @@ textarea.onkeyup = function(){
 
 <h2 id="HTML_комментарии">HTML комментарии</h2>
 
-<h2 id="HTML_comments" style="display: none;">HTML comments</h2>
+<h2 id="HTML_comments" class="hidden">HTML comments</h2>
 
 <p>В HTML, как и в большинстве языков программирования, есть возможность писать комментарии в коде. Комментарии игнорируются обозревателем и не видны пользователю, их добавляют для того, чтобы пояснить, как работает написанный код, что делают отдельные его части и т. д. Такая практика полезна, если вы возвращаетесь к коду, который давно не видели или когда хотите передать его кому-то другому.</p>