Fix live samples ID for macros (#1088)

5 files changed, 7 insertions, 8 deletions

diff --git a/files/ru/learn/css/first_steps/how_css_works/index.html b/files/ru/learn/css/first_steps/how_css_works/index.html
index 661ae128e0..2b0caf949f 100644
--- a/files/ru/learn/css/first_steps/how_css_works/index.html
+++ b/files/ru/learn/css/first_steps/how_css_works/index.html
@@ -53,7 +53,7 @@ translation_of: Learn/CSS/First_steps/How_CSS_works
 
 <p>Понимание DOM позволит вам разрабатывать, отлаживать и поддерживать ваш CSS, потому что именно в DOM-дереве ваши таблицы стилей и код встречаются. Когда вы начнёте работать с браузерным DevTools(инструменты для разработки) вы будете перемещаться по DOM при выборе элементов чтобы увидеть какие правила применяются.</p>
 
-<h2 id="Как_представлено_DOM-дерево">Как представлено DOM-дерево</h2>
+<h2 id="A_real_DOM_representation">Как представлено DOM-дерево</h2>
 
 <p>Вместо длинного, нудного объяснения взглянем лучше на пример, чтобы понять, как HTML-код преобразуется в DOM.</p>
 
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>
 
diff --git a/files/ru/learn/javascript/first_steps/variables/index.html b/files/ru/learn/javascript/first_steps/variables/index.html
index f67fcf8e93..25035e10c3 100644
--- a/files/ru/learn/javascript/first_steps/variables/index.html
+++ b/files/ru/learn/javascript/first_steps/variables/index.html
@@ -29,7 +29,7 @@ original_slug: Learn/JavaScript/Первые_шаги/Variables
 
 <p>Также мы предоставили простую консоль JavaScript, встроенную ниже в странице, для ввода кода, если вы не используете браузер с консолью JavaScript или консоль на странице окажется для вас более комфортной.</p>
 
-<h2 id="Что_такое_переменные">Что такое переменные?</h2>
+<h2 id="What_is_a_variable">Что такое переменные?</h2>
 
 <p>Переменные — это контейнер для таких значений, как числа, используемые в сложении, или строка, которую мы могли бы использовать как часть предложения. Но одна из особенностей переменных — их значение может меняться. Давайте взглянем на простой пример:</p>
 
diff --git a/files/ru/learn/javascript/first_steps/what_is_javascript/index.html b/files/ru/learn/javascript/first_steps/what_is_javascript/index.html
index e8c0bcaf18..798170252f 100644
--- a/files/ru/learn/javascript/first_steps/what_is_javascript/index.html
+++ b/files/ru/learn/javascript/first_steps/what_is_javascript/index.html
@@ -23,7 +23,7 @@ original_slug: Learn/JavaScript/Первые_шаги/What_is_JavaScript
  </tbody>
 </table>
 
-<h2 id="Определение_высокого_уровня">Определение высокого уровня</h2>
+<h2 id="A_high-level_definition">Определение высокого уровня</h2>
 
 <p>JavaScript это язык, который позволяет вам применять сложные вещи на web странице — каждый раз, когда на web странице происходит что-то большее, чем просто её статичное отображение — отображение периодически обновляемого контента, или интерактивных карт, или анимация 2D/3D графики, или прокрутка видео в проигрывателе, и т.д. — можете быть уверены, что скорее всего, не обошлось без JavaScript. Это третий слой слоёного пирога стандартных web технологий, два из которых (<a href="https://developer.mozilla.org/ru/docs/Learn/HTML">HTML</a> и <a href="https://developer.mozilla.org/ru/docs/Learn/CSS">CSS</a>) мы детально раскрыли в других частях учебного пособия.</p>
 
@@ -71,7 +71,7 @@ function updateName() {
   para.textContent = 'Player 1: ' + name;
 }</pre>
 
-<p>{{ EmbedLiveSample('Определение_высокого_уровня', '100%', 80) }}</p>
+<p>{{ EmbedLiveSample('A_high-level_definition', '100%', 80) }}</p>
 
 <p>Попробуйте кликнуть по тексту чтобы увидеть, что произойдёт (Вы так же можете найти это демо на GitHub — смотрите <a href="https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/what-is-js/javascript-label.html">исходный код</a>, или <a href="http://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/javascript-label.html">запустите вживую</a>)!</p>