From 10c911fe39c23e0a1c8e4c8a8e3cb77ec5e26735 Mon Sep 17 00:00:00 2001
From: Maxim Postautov <54762420+mpstv@users.noreply.github.com>
Date: Fri, 4 Jun 2021 10:03:50 +0300
Subject: Fix live samples ID for macros  (#1088)

---
 .../html/introduction_to_html/advanced_text_formatting/index.html    | 5 ++---
 .../adding_vector_graphics_to_the_web/index.html                     | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

(limited to 'files/ru/learn/html')

diff --git a/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.html b/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.html
index a3e50b3de2..5e0f2c5799 100644
--- a/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.html
+++ b/files/ru/learn/html/introduction_to_html/advanced_text_formatting/index.html
@@ -584,7 +584,7 @@ textarea.onkeyup = function(){
 
 <p>Если x<sup>2</sup> равно 9, x должен равняться 3 или -3.</p>
 
-<h2 id="Представление_компьютерного_кода">Представление компьютерного кода</h2>
+<h2 id="Representing_computer_code">Представление компьютерного кода</h2>
 
 <p>Существует несколько элементов для маркировки компьютерного кода с использованием HTML:</p>
 
@@ -598,7 +598,7 @@ textarea.onkeyup = function(){
 
 <p>Давайте рассмотрим несколько примеров. Вы должны попробовать поиграть с ними (захватите копию нашего файла <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/advanced-text-formatting/other-semantics.html">other-semantics.html</a>):</p>
 
-<pre class="notranslate">&lt;pre&gt;&lt;code&gt;var para = document.querySelector('p');
+<pre class="brush: html">&lt;pre&gt;&lt;code&gt;var para = document.querySelector('p');
 
 para.onclick = function() {
   alert('Owww, stop poking me!');
@@ -608,7 +608,6 @@ para.onclick = function() {
 
 &lt;p&gt;In the above JavaScript example, &lt;var&gt;para&lt;/var&gt; represents a paragraph element.&lt;/p&gt;
 
-
 &lt;p&gt;Select all the text with &lt;kbd&gt;Ctrl&lt;/kbd&gt;/&lt;kbd&gt;Cmd&lt;/kbd&gt; + &lt;kbd&gt;A&lt;/kbd&gt;.&lt;/p&gt;
 
 &lt;pre&gt;$ &lt;kbd&gt;ping mozilla.org&lt;/kbd&gt;
diff --git a/files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html b/files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html
index bf88afba9b..985542c426 100644
--- a/files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html
+++ b/files/ru/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html
@@ -52,7 +52,7 @@ original_slug: Learn/HTML/Multimedia_and_embedding/Добавление_r_graphi
 
 <p>Более того, файлы векторных изображений намного меньше растровых, т.к. в них содержится алгоритмы построения вместо информации о каждом пикселе.</p>
 
-<h2 id="Что_такое_SVG">Что такое SVG?</h2>
+<h2 id="What_is_SVG">Что такое SVG?</h2>
 
 <p><a href="https://developer.mozilla.org/en-US/docs/Web/SVG">SVG</a> это язык на базе {{glossary("XML")}} для описания векторных изображений. По сути это язык разметки, как и HTML, только содержащий множество различных элементов для определения фигур вашего изображения, а также параметров их отображения. SVG предназначен для разметки графики, а не содержимого. В простейшем случае,  вы можете использовать элементы для создания простых фигур, таких как {{svgelement("circle")}}(круг) и {{svgelement("rect")}}(прямоугольник). Более сложные SVG элементы включают {{svgelement("feColorMatrix")}} (разложение цвета с использованием матрицы), {{svgelement("animate")}} (анимация частей вашего векторного изображения) и {{svgelement("mask")}} (применение маски к изображению.)</p>
 
-- 
cgit v1.2.3-54-g00ecf