refactor(ru): Format /learn/html using Prettier (#14539)

Co-authored-by: Sasha Sushko <[email protected]>
mdn · Jul 26, 2023 · b23042b · b23042b
1 parent e0e1f47
commit b23042b
Show file tree

Hide file tree

Showing 22 changed files with 1,045 additions and 787 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -21,6 +21,7 @@ build/
 /files/fr/glossary/main_axis/index.md
 /files/fr/learn/server-side/django/forms/index.md
 /files/pt-br/learn/server-side/django/forms/index.md
+/files/ru/learn/html/introduction_to_html/the_head_metadata_in_html/index.md
 /files/zh-cn/learn/css/howto/css_faq/index.md
 /files/zh-cn/learn/server-side/django/forms/index.md
 
@@ -82,7 +83,6 @@ build/
 /files/pt-br/web/svg/**/*.md
 
 # ru
-/files/ru/learn/html/**/*.md
 /files/ru/learn/server-side/**/*.md
 /files/ru/web/api/**/*.md
 /files/ru/web/css/**/*.md

diff --git a/files/ru/learn/html/howto/author_fast-loading_html_pages/index.md b/files/ru/learn/html/howto/author_fast-loading_html_pages/index.md
@@ -143,22 +143,24 @@ SVG, создаваемый большинством графических пр
 
 ## Пример структуры страницы
 
-- `HTML`
+- `html`
 
-- `HEAD`
-  - `LINK` ...
+- `head`
+
+  - `link` ...
 
     CSS файлы необходимы для отображения веб-страницы. Минимизируйте количество файлов для производительности, сохраняя несвязанные CSS в отдельных файлах для обслуживания.
 
-  - `SCRIPT` ...
+  - `script` ...
 
     Файлы JavaScript для функций, необходимых при загрузке страницы, но не для любого DHTML, который может работать только после загрузки страницы
 
     Минимизируйте количество файлов для повышения производительности, сохраняя несвязанный JavaScript в отдельных файлах для обслуживания.
 
-- `BODY`
+- `body`
 - Видимое пользователем содержимое страницы небольшими порциями (tables / divs) что можно отобразить, не дожидаясь загрузки полной страницы.
-  - `SCRIPT` ...
+
+  - `script` ...
 
     Любые сценарии, которые будут использоваться для выполнения DHTML. Сценарий DHTML обычно может запускаться только после полной загрузки страницы и инициализации всех необходимых объектов. Нет необходимости загружать эти скрипты перед содержимым страницы. Это только замедляет первоначальный вид загрузки страницы.
 

diff --git a/files/ru/learn/html/howto/index.md b/files/ru/learn/html/howto/index.md
@@ -9,6 +9,7 @@ tags:
 translation_of: Learn/HTML/Howto
 original_slug: Learn/HTML/Рецепты
 ---
+
 Следующие ссылки указывают на решения общих повседневных проблем, которые вам нужно решить с помощью HTML.
 
 ### Основы структурирования

diff --git a/files/ru/learn/html/howto/use_data_attributes/index.md b/files/ru/learn/html/howto/use_data_attributes/index.md
@@ -20,7 +20,7 @@ original_slug: Web/Guide/HTML/Using_data_attributes
   data-columns="3"
   data-index-number="12314"
   data-parent="cars">
-...
+  ...
 </article>
 ```
 
@@ -53,10 +53,10 @@ article::before {
 Также можно использовать [селекторы атрибутов](/ru/docs/Web/CSS/Attribute_selectors) в CSS для изменения стилей в соответствии с данным:
 
 ```css
-article[data-columns='3']{
+article[data-columns="3"] {
   width: 400px;
 }
-article[data-columns='4']{
+article[data-columns="4"] {
   width: 600px;
 }
 ```

diff --git a/files/ru/learn/html/index.md b/files/ru/learn/html/index.md
@@ -1,5 +1,5 @@
 ---
-title: 'Изучение HTML: руководства и уроки'
+title: "Изучение HTML: руководства и уроки"
 slug: Learn/HTML
 tags:
   - HTML

diff --git a/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.md b/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.md
diff --git a/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md
@@ -39,7 +39,8 @@ original_slug: Learn/HTML/Введение_в_HTML/Создание_гиперс
 Простая ссылка создаётся путём обёртывания текста (или другого содержимого, смотрите [Ссылки-блоки](#ссылки-блоки)), который вы хотите превратить в ссылку, в элемент {{htmlelement ("a")}}, и придания этому элементу атрибута [`href`](/ru/docs/Web/HTML/Element/a#href) (который также известен как **гипертекстовая ссылка,** или **цель**), который будет содержать веб-адрес, на который вы хотите указать ссылку.
 
 ```html
-<p>Я создал ссылку на
+<p>
+  Я создал ссылку на
   <a href="https://www.mozilla.org/ru/">домашнюю страницу Mozilla</a>.
 </p>
 ```
@@ -53,11 +54,14 @@ original_slug: Learn/HTML/Введение_в_HTML/Создание_гиперс
 Другим атрибутом, который вы можете добавить к своим ссылкам, является — `title`. Он предназначен для хранения полезной информации о ссылке. Например, какую информацию содержит страница или другие вещи, о которых вам нужно знать. Например:
 
 ```html
-<p>Я создал ссылку на
-  <a href="https://www.mozilla.org/ru/"
-     title="Лучшее место для поиска дополнительной информации
-     о миссии Mozilla и о том, как внести свой вклад">домашнюю страницу Mozilla
-  </a>.
+<p>
+  Я создал ссылку на
+  <a
+    href="https://www.mozilla.org/ru/"
+    title="Лучшее место для поиска дополнительной информации
+     о миссии Mozilla и о том, как внести свой вклад"
+    >домашнюю страницу Mozilla </a
+  >.
 </p>
 ```
 
@@ -81,7 +85,9 @@ original_slug: Learn/HTML/Введение_в_HTML/Создание_гиперс
 
 ```html
 <a href="https://www.mozilla.org/ru/">
-  <img src="mozilla-image.png" alt="логотип mozilla со ссылкой на их домашнюю страницу">
+  <img
+    src="mozilla-image.png"
+    alt="логотип mozilla со ссылкой на их домашнюю страницу" />
 </a>
 ```
 
@@ -104,24 +110,25 @@ URL-адреса используют пути для поиска файлов.
 - **Тот же каталог**: Если вы хотите подключить ссылку внутри `index.html` (верхний уровень `index.html`), указывающую на `contacts.html`, вам просто нужно указать имя файла, на который вы хотите установить ссылку, так как он находится в том же каталоге, что и текущий файл. Таким образом, URL-адрес, который вы используете — `contacts.html`:
 
   ```html
-  <p>Хотите связаться с конкретным сотрудником?
-     Найдите подробную информацию на нашей
-    <a href="contacts.html">странице контактов</a>.
+  <p>
+    Хотите связаться с конкретным сотрудником? Найдите подробную информацию на
+    нашей <a href="contacts.html">странице контактов</a>.
   </p>
   ```
 
 - **Перемещение вниз в подкаталоги**: Если вы хотите подключить ссылку внутри `index.html` (верхний уровень `index.html`), указывающую на `projects/index.html`, вам нужно спуститься ниже в директории `projects` перед тем, как указать файл, который вы хотите. Это делается путём указания имени каталога, после которого идёт слеш и затем имя файла. Итак, URL-адрес, который вы используете - `projects/index.html`:
 
   ```html
-  <p>Посетите мою
-    <a href="projects/index.html">домашнюю страницу проекта</a>.
+  <p>
+    Посетите мою <a href="projects/index.html">домашнюю страницу проекта</a>.
   </p>
   ```
 
 - **Перемещение обратно в родительские каталоги**: Если вы хотите подключить ссылку внутри `projects/index.html`, указывающую на `pdfs/project-brief.pdf`, вам нужно будет подняться на уровень каталога, затем спустится в каталог `pdf`. "Подняться вверх на уровень каталога" обозначается двумя точками — `..` — так, URL-адрес, который вы используете `../pdfs/project-brief.pdf`:
 
   ```html
-  <p>Ссылка на
+  <p>
+    Ссылка на
     <a href="../pdfs/project-brief.pdf">краткое описание моего проекта</a>.
   </p>
   ```
@@ -140,7 +147,8 @@ URL-адреса используют пути для поиска файлов.
 Затем, чтобы связаться с этим конкретным `id`, вы должны включить его в конец URL-адреса, которому предшествует знак решётки, например:
 
 ```html
-<p>Хотите написать мне письмо? Используйте наш
+<p>
+  Хотите написать мне письмо? Используйте наш
   <a href="contacts.html#Почтовый_адрес">почтовый адрес</a>.
 </p>
 ```
@@ -187,18 +195,13 @@ _Относительный URL_ будет указывать на различ
 _**Хороший** текст ссылки:_ [Скачать Firefox](https://firefox.com)
 
 ```html
-<p><a href="https://firefox.com/">
-  Скачать Firefox
-</a></p>
+<p><a href="https://firefox.com/"> Скачать Firefox </a></p>
 ```
 
 _**Плохой** текст ссылки:_ [Нажми сюда](https://firefox.com/), чтобы скачать Firefox
 
 ```html
-<p><a href="https://firefox.com/">
-  Нажми сюда
-</a>
-чтобы скачать Firefox</p>
+<p><a href="https://firefox.com/"> Нажми сюда </a> чтобы скачать Firefox</p>
 ```
 
 Советы:
@@ -225,26 +228,33 @@ _**Плохой** текст ссылки:_ [Нажми сюда](https://firefo
 Посмотрите на примеры, чтобы увидеть, как добавить описание:
 
 ```html
-<p><a href="http://www.example.com/large-report.pdf">
-  Скачать отчёт о продажах (PDF, 10MB)
-</a></p>
+<p>
+  <a href="http://www.example.com/large-report.pdf">
+    Скачать отчёт о продажах (PDF, 10MB)
+  </a>
+</p>
 
-<p><a href="http://www.example.com/video-stream/">
-  Посмотреть видео (видео откроется в отдельном окне, HD качество)
-</a></p>
+<p>
+  <a href="http://www.example.com/video-stream/">
+    Посмотреть видео (видео откроется в отдельном окне, HD качество)
+  </a>
+</p>
 
-<p><a href="http://www.example.com/car-game">
-  Играть в гонки (необходим Flash)
-</a></p>
+<p>
+  <a href="http://www.example.com/car-game">
+    Играть в гонки (необходим Flash)
+  </a>
+</p>
 ```
 
 ### Используйте атрибут download, когда создаёте ссылку
 
 Когда создаёте ссылку на файл, который должен быть загружен, а не открыт в браузере, можете использовать атрибут `download`, чтобы создать имя файла по умолчанию для сохранения . Приведём пример ссылки для загрузки браузера Firefox 39:
 
 ```html
-<a href="https://download.mozilla.org/?product=firefox-39.0-SSL&os=win&lang=en-US"
-   download="firefox-39-installer.exe">
+<a
+  href="https://download.mozilla.org/?product=firefox-39.0-SSL&os=win&lang=en-US"
+  download="firefox-39-installer.exe">
   Скачать Firefox 39 для Windows
 </a>
 ```
@@ -294,7 +304,8 @@ _**Плохой** текст ссылки:_ [Нажми сюда](https://firefo
 Вот пример который включает cc(кому отправить копию сообщения, все получатели письма видят список тех кто это письмо получит), bcc(скрытый адрес получателя, никто из получателей не будет видеть полный список получателей письма), subject(тема письма) и body(текст сообщения):
 
 ```html
-<a href="mailto:[email protected][email protected]&[email protected]&amp;subject=The%20subject%20of%20the%20email &amp;body=The%20body%20of%20the%20email">
+<a
+  href="mailto:[email protected][email protected]&[email protected]&amp;subject=The%20subject%20of%20the%20email &amp;body=The%20body%20of%20the%20email">
   Send mail with cc, bcc, subject and body
 </a>
 ```