initial commit

author: Peter Bengtsson <mail@peterbe.com> 2020-12-08 14:42:52 -0500
committer: Peter Bengtsson <mail@peterbe.com> 2020-12-08 14:42:52 -0500
commit: 074785cea106179cb3305637055ab0a009ca74f2 (patch)
tree: e6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/ru/web/mathml
parent: da78a9e329e272dedb2400b79a3bdeebff387d47 (diff)
download: translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz
translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2
translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip
14 files changed, 1858 insertions, 0 deletions
diff --git a/files/ru/web/mathml/authoring/index.html b/files/ru/web/mathml/authoring/index.html
new file mode 100644
index 0000000000..a6c47f992d
--- /dev/null
+++ b/files/ru/web/mathml/authoring/index.html
@@ -0,0 +1,349 @@
+---
+title: Средство разработки MathML
+slug: Web/MathML/Authoring
+tags:
+  - Beginner
+  - MathML
+  - MathML Project
+  - Начинающий
+translation_of: Web/MathML/Authoring
+---
+<p>Эта страница объясняет, как записать математические выражения при помощи языка MathML. Подобно HTML, основными элементами языка MathML являются теги и атрибуты. Документ HTML становится сложным, когда он содержит структуры, подобные спискам или таблицам, но, к счастью, существует много генераторов на основе простых систем обозначений, WYSIWYG редакторы и другие системы управления контентом, помогающие создавать Web страницы.</p>
+
+<p>Математические обозначения еще более сложны со структурами такими, как дроби, квадратные корни или матрицы, которые, вероятно, потребуют собственных тегов. Поэтому инструменты разработки, связанные с MathML, очень важны. Некоторые из этих инструментов мы описываем ниже. В частности, команда Mozilla MathML разрабатывала <a href="https://github.com/fred-wang/TeXZilla/">TeXZilla</a> (Javascript Unicode LaTeX-to-MathML конвертер), который предназначен для использования во многих сценариях, описанных здесь. Конечно, этот список ни в коем случае не является исчерпывающим и вам предлагается проверить <a class="external" href="http://www.w3.org/Math/Software/">W3C MathML software list</a>, где вы можете найти некоторые другие инструменты.</p>
+
+<p>Заметим, что MathML хорошо интегрирован в HTML5. В частности, вы можете использовать обычные Web-инструменты, такие как CSS, DOM, Javascript или SVG. Данная тема выходит за рамки этого документа, но любой, у кого есть базовые знания Web-языков, сможет легко совместить эти инструменты с MathML. Ознакомьтесь с <a href="/ru/docs/Mozilla/MathML_Project#Sample_MathML_Documents" title="/ru/docs/Mozilla/MathML_Project#Sample_MathML_Documents">нашими примерами</a> и <a href="https://developer.mozilla.org/ru/docs/Web/MathML" title="ru/MathML/Element">справочными данными по MathML</a> для получения более подробной информации.</p>
+
+<h2 id="Использование_MathML">Использование MathML</h2>
+
+<h4 id="Example_in_HTML5_(text/html)" name="Example_in_HTML5_(text/html)">MathML на страницах HTML</h4>
+
+<p><span id="result_box" lang="ru"><span>Вы можете использовать Presentation MathML внутри документов HTML5</span></span>:</p>
+
+<pre class="brush: html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+&lt;head&gt;
+ &lt;title&gt;MathML in HTML5&lt;/title&gt;
+&lt;/head&gt;
+&lt;body&gt;
+
+  &lt;h1&gt;MathML in HTML5&lt;/h1&gt;
+
+  &lt;p&gt;
+    Square root of two:
+    &lt;math&gt;
+      &lt;msqrt&gt;
+        &lt;mn&gt;2&lt;/mn&gt;
+      &lt;/msqrt&gt;
+    &lt;/math&gt;
+  &lt;/p&gt;
+
+&lt;/body&gt;
+&lt;/html&gt; </pre>
+
+<p>Content MathML не поддерживается браузерами. Рекомендуется преобразовать ваш макет из Content MathML в Presentation MathML перед его публикацией, например, с помощью таблицы стилей <a class="external" href="http://code.google.com/p/web-xslt/source/browse/trunk/#trunk/ctop">ctop.xsl</a> . Инструменты, упомянутые на этой странице, генерируют Presentation MathML.</p>
+
+<h4 id="Варианты_для_браузеров_без_поддержки_MathML">Варианты для браузеров без поддержки MathML</h4>
+
+<p>К сожалению, некоторые браузеры не могут отображать выражения MathML или имеют ограниченную поддержку. Следовательно, вам нужно будет использовать полифил MathML, чтобы обеспечить некоторый резервный рендеринг. Если вам нужны только базовые математические конструкции, такие как те, которые используются в этой MDN wiki, тогда небольшой таблицы стилей <a href="https://github.com/fred-wang/mathml.css">mathml.css</a> возможно будет достаточно. Для ее использования, просто вставьте одну строку в заголовок вашего документа:</p>
+
+<pre class="brush: html">&lt;script src="http://fred-wang.github.io/mathml.css/mspace.js"&gt;&lt;/script&gt;</pre>
+
+<p>Если вам нужны более сложные конструкции, тогда вы можете вместо этого использовать более содержательную библиотеку <a href="http://www.mathjax.org" title="http://www.mathjax.org">MathJax</a> как полифил MathML:</p>
+
+<pre class="brush: html">&lt;script src="http://fred-wang.github.io/mathjax.js/mpadded-min.js"&gt;&lt;/script&gt;</pre>
+
+<p>Обратите внимание, что эти два скрипта распознают элементы <a href="/en-US/docs/Web/MathML/Element/mspace">mspace</a> или <a href="/en-US/docs/Web/MathML/Element/mpadded">mpadded</a> (см. Таблицу совместимости браузера на этих страницах). Существует также подобный скрипт, отображающий предупреждение в верхней части страницы для браузеров без хорошей поддержки MathML и позволяющий пользователям выбрать один из вариантов действий:</p>
+
+<pre class="brush: html">&lt;script src="http://fred-wang.github.io/mathml-warning.js/mpadded-min.js"&gt;&lt;/script&gt;</pre>
+
+<p>Если вы не хотите использовать эту ссылку на GitHub, но вместо этого хотите интегрировать эти полифилы или нечто другое в свой проект, тогда вам может понадобиться скрипт, проверяющий уровень поддержки MathML. Например, следующая функция проверяет поддержку MathML путем тестирования элемента mspace (вы можете заменить <code>mspace</code> на <code>mpadded</code>):</p>
+
+<pre class="brush: js"> function hasMathMLSupport() {
+  var div = document.createElement("div"), box;
+  div.innerHTML = "&lt;math&gt;&lt;mspace height='23px' width='77px'/&gt;&lt;/math&gt;";
+  document.body.appendChild(div);
+  box = div.firstChild.firstChild.getBoundingClientRect();
+  document.body.removeChild(div);
+  return Math.abs(box.height - 23) &lt;= 1  &amp;&amp; Math.abs(box.width - 77) &lt;= 1;
+}</pre>
+
+<p>В качестве альтернативы, следующий анализ строки UA позволит определить движок рендеринга с родной поддержкой MathML (Gecko и WebKit). Обратите внимание, что анализ строки UA является не самым надежным методом и может сбоить от версии к версии:</p>
+
+<pre class="brush: js">var ua = navigator.userAgent;
+var isGecko = ua.indexOf("Gecko") &gt; -1 &amp;&amp; ua.indexOf("KHTML") === -1 &amp;&amp; ua.indexOf('Trident') === -1;
+var isWebKit = ua.indexOf('AppleWebKit') &gt; -1 &amp;&amp; ua.indexOf('Chrome') === -1;
+</pre>
+
+<h4 id="Математические_шрифты">Математические шрифты</h4>
+
+<p>Для того, чтобы получить хорошую разметку или обеспечить нужный стиль, важно иметь математические шрифты. Всегда полезно обеспечить ссылку на <a href="/ru/docs/Mozilla/MathML_Project/Fonts"> инструкцию по шрифтам MDN </a>, чтобы ваши посетители могли проверить - установлены ли соответствующие шрифты в их системе. Хорошо также, если будет создана резервная копия веб-шрифтов.</p>
+
+<p>До Gecko 31.0 {{GeckoRelease("31.0")}} было утомительно устанавливать математические шрифты (смотрите <a href="/ru/docs/Mozilla/MathML_Project/FontsMozilla2.0#MathML_Font_Selection_with_CSS">инструкцию по установке шрифтов для Mozilla 2.0</a>). Для Gecko 31.0 {{GeckoRelease("31.0")}} это намного проще и совместимо со всеми движками Web рендеринга с поддержкой MathML. Например, здесь представлена минимальная таблица стилей для использования шрифта Latin Modern для текста и шрифта Latin Modern Math для математических выражений:</p>
+
+<pre class="brush: css">@namespace url('http://www.w3.org/1999/xhtml');
+@namespace m url('http://www.w3.org/1998/Math/MathML');
+
+body, m|mtext {
+    font-family: Latin Modern;
+}
+m|math {
+    font-family: Latin Modern Math;
+}</pre>
+
+<p><span id="result_box" lang="ru"><span>Затем вы можете использовать правило</span></span> <a href="/ru/docs/Web/CSS/@font-face">@font-face</a>, как обычно, для обеспечения выбора WOFF для Latin Modern и Latin Modern Math. Смотрите <a href="https://github.com/fred-wang/MathFonts">репозиторий GitHub с  WOFF шрифтами и примерами таблиц стилей CSS</a> для использования на вашем Web-сайте, а также этот <a href="http://fred-wang.github.io/MathFonts/">ресурс с тестами</a>.</p>
+
+<h4 id="MathML_в_документах_XML_(XHTML_EPUB_и_т.д.)">MathML в документах XML (XHTML, EPUB, и т.д.)</h4>
+
+<p>Если по какой-то причине вам нужно использовать MathML в документах XML, обязательно выполняйте обычные требования: хорошо сформированный документ, использование правильного MIME-типа, пространство имен MathML <code>"http://www.w3.org/1998/Math/MathML"</code> с корневым элементом <code>&lt;math&gt;</code>. Например, версия XHTML предыдущего примера выглядит так:<br>
+  </p>
+
+<pre class="brush: xml">&lt;?xml version="1.0" encoding="UTF-8"?&gt;
+&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN"
+  "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd"&gt;
+&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
+&lt;head&gt;
+ &lt;title&gt;XHTML+MathML Example&lt;/title&gt;
+&lt;/head&gt;
+&lt;body&gt;
+
+&lt;h1&gt;Пример XHTML+MathML&lt;/h1&gt;
+
+  &lt;p&gt;
+    Квадратный корень из двух:
+    &lt;math xmlns="http://www.w3.org/1998/Math/MathML"&gt;
+      &lt;msqrt&gt;
+        &lt;mn&gt;2&lt;/mn&gt;
+      &lt;/msqrt&gt;
+    &lt;/math&gt;
+  &lt;/p&gt;
+
+&lt;/body&gt;
+&lt;/html&gt; </pre>
+
+<h4 id="MathML_в_клиентах_email_и_клиентах_обмена_мгновенными_сообщениями">MathML в клиентах email и клиентах обмена мгновенными сообщениями</h4>
+
+<p>Современные почтовые клиенты могут посылать и получать электронные сообщения в форматe HTML5, то есть в них можно использовать выражения MathML. Обязательно включите опции "отправить как HTML" и "просмотреть как HTML". В Thunderbird вы можете использовать команду "Вставить HTML", чтобы вставить код HTML + MathML. <a href="http://disruptive-innovations.com/zoo/MathBird/" title="http://disruptive-innovations.com/zoo/MathBird/">MathBird</a> - удобное дополнение для Thunderbird для вставки таких выражений MathML с использованием синтаксиса ввода AsciiMath. Кроме того, поле ввода LaTeX-to-MathML также было интегрировано в <a href="http://www.seamonkey-project.org/">SeaMonkey</a> с версии 2.28 и в <a href="https://www.mozilla.org/thunderbird/">Thunderbird</a> с версии 31. С другой стороны, обработка кода MathML и качество рендеринга MathML <a href="http://www.maths-informatique-jeux.com/blog/frederic/?post/2012/11/14/Writing-mathematics-in-emails#c121" title="http://www.maths-informatique-jeux.com/blog/frederic/?post/2012/11/14/Writing-mathematics-in-emails#c121">зависит от почтового клиента</a>. Даже если ваш браузер поддерживает MathML, ваша электронная почта может помешать вам отправить или получить сообщение с MathML внутри.</p>
+
+<p>Клиенты мгновенного обмена сообщениями на базе Gecko могут интегрировать конвертер на основе Javascript, преобразующий текст в код MathML (см. ниже), и отображать выражения MathML, созданные из обычного текста мгновенных сообщений. Например, есть <a href="https://addons.instantbird.org/en-US/instantbird/addon/340" title="https://addons.instantbird.org/en-US/instantbird/addon/340">дополнение Instantbird</a>, которое обрабатывает выражения LaTeX.</p>
+
+<h2 id="Конвертация_из_простого_синтаксиса">Конвертация из простого синтаксиса</h2>
+
+<p>Для генерации HTML-страниц существует множество простых синтаксических систем (например, wiki или синтаксисы разметки). То же самое верно для MathML: например, синтаксисы ASCII, используемые в калькуляторах, или более мощный язык LaTeX очень популярны среди научного сообщества. В этом разделе мы представляем некоторые из таких инструментов для преобразования из простого синтаксиса в MathML.</p>
+
+<ul>
+ <li>плюсы:
+  <ul>
+   <li>Для написания математических выражений может потребоваться только стандартный текстовый редактор.</li>
+   <li>Доступны многие инструменты, некоторые из которых совместимы с классическим рабочим процессом LaTeX-to-pdf.</li>
+   <li>Это дает доступ к расширенным возможностям макросов, подобных макросам LaTeX.</li>
+  </ul>
+ </li>
+ <li>минусы:
+  <ul>
+   <li>Это может быть труднее в использовании: люди должны изучить синтаксис, опечатки в коде могут легко привести к ошибкам парсинга или рендеринга и т.д.</li>
+   <li>Интерфейс не является дружественным для пользователя: есть только редактор кода без немедленного отображения математического выражения.</li>
+   <li>Ни один из синтаксисов не был стандартизирован, что затрудняет кросс-совместимость между конвертерами. Даже популярный язык LaTeX продолжает пополняться новыми пакетами.</li>
+  </ul>
+ </li>
+</ul>
+
+<h3 id="Конвертация_на_стороне_клиента">Конвертация на стороне клиента</h3>
+
+<p>В Web-среде наиболее очевидным методом преобразования простого синтаксиса в дерево DOM является использование Javascript и, конечно же, для выполнения этой задачи было разработано множество библиотек.</p>
+
+<ul>
+ <li>плюсы:
+  <ul>
+   <li>Очень простая настройка: необходимо только загрузить несколько файлов Javascript и CSS и/или добавить ссылки link в заголовок документа.</li>
+   <li>Это чистое Web-решение: все делается браузерами, и никакие другие программы не должны устанавливаться или компилироваться.</li>
+  </ul>
+ </li>
+ <li>минусы:
+  <ul>
+   <li>Это не будет работать, если у пользователя отключен Javascript.</li>
+   <li>Код MathML не поддерживается Web-сканерами (например, средствами математического поиска или новостными агрегаторами). В частности, ваш контент не будет отображаться правильно на Planet.</li>
+   <li>Конвертация должна выполняться при каждой загрузке страницы, может быть медленной и может конфликтовать с парсингом HTML (например, "&lt;" для тегов или "$" для денежных сумм)</li>
+   <li>Возможно вам понадобится синхронизировать Javascript-конвертер с другими программами Javascript на вашей странице.</li>
+  </ul>
+ </li>
+</ul>
+
+<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> имеет пользовательский элемент <a href="https://github.com/fred-wang/x-tex">&lt;x-tex&gt;</a> который может использоваться для записи таких вещей, как</p>
+
+<pre><span class="brush: html">&lt;<span class="start-tag">x-tex</span>&gt;</span><span>\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1</span><span class="brush: html">&lt;/<span class="end-tag">x-tex</span>&gt;</span></pre>
+
+<p>и автоматически преобразуется в MathML. Это все еще в процессе разработки и может быть улучшено в будущем благодаря Web-компонентам и DOM. Кроме того, вы можете использовать более традиционный <a href="https://github.com/fred-wang/TeXZilla/wiki/Advanced-Usages#parsing-tex-expressions-in-your-web-page">Javascript парсинг выражений в процессе загрузки</a> как это используют и все другие инструменты, описанные в этом разделе.</p>
+
+<p>Одним из простых инструментов конвертации на стороне клиента является <a href="http://www1.chapman.edu/~jipsen/mathml/asciimath.html" title="http://www1.chapman.edu/~jipsen/mathml/asciimath.html">ASCIIMathML</a>. Просто загрузите скрипт <a href="http://mathcs.chapman.edu/~jipsen/mathml/ASCIIMathML.js" title="http://mathcs.chapman.edu/~jipsen/mathml/ASCIIMathML.js">ASCIIMathML.js</a> и скопируйте его на ваш Web-сайт. Затем на ваших веб-страницах добавьте тег <code>&lt;script&gt;</code> для загрузки ASCIIMathML и математические выражения, выделенные символом <code>`</code> (знак акцента) будут автоматически обработаны и преобразованы в MathML:</p>
+
+<pre class="brush: html">&lt;html&gt;
+&lt;head&gt;
+...
+&lt;script type="text/javascript" src="ASCIIMathML.js"&gt;&lt;/script&gt;
+...
+&lt;/head&gt;
+&lt;body&gt;
+...
+&lt;p&gt;blah blah `x^2 + y^2 = r^2` blah ...
+...
+</pre>
+
+<p><a href="http://math.etsu.edu/LaTeXMathML/" title="http://math.etsu.edu/LaTeXMathML/">LaTeXMathML</a> - это похожий скрипт, который позволяет анализировать больше команд LaTeX. Установка похожа: скопируйте <a href="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.js" title="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.js">LaTeXMathML.js</a> и <a href="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.standardarticle.css" title="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.standardarticle.css">LaTeXMathML.standardarticle.css</a>, добавьте ссылки в заголовок вашего документа, а содержимое LaTeX вашей веб-страницы, помеченное классом "LaTeX", будет автоматически проанализировано и преобразовано в HTML+MathML:</p>
+
+<pre class="brush: html"><span>&lt;<span class="start-tag">head</span>&gt;</span>
+<span>...
+</span><span>&lt;<span class="start-tag">script</span> <span class="attribute-name">type</span>="<a class="attribute-value">text/javascript</a>" <span class="attribute-name">src</span>="<a class="attribute-value">LaTeXMathML.js</a>"&gt;</span><span>&lt;/<span class="end-tag">script</span>&gt;</span><span>
+</span><span>&lt;<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">stylesheet</a>" <span class="attribute-name">type</span>="<a class="attribute-value">text/css</a>" <span class="attribute-name">href</span>="<a class="attribute-value">LaTeXMathML.standardarticle.css</a>" <span>/</span>&gt;</span><span>
+...
+</span><span>&lt;/<span class="end-tag">head</span>&gt;</span><span>
+
+</span><span>&lt;<span class="start-tag">body</span>&gt;</span><span>
+...
+
+</span>&lt;div class="LaTeX"&gt;
+\documentclass[12pt]{article}
+
+\begin{document}
+
+\title{LaTeXML Example}
+\maketitle
+
+\begin{abstract}
+This is a sample LaTeXML document.
+\end{abstract}
+
+\section{First Section}
+
+  $$ \sum_{n=1}^{+\infty} \frac{1}{n^2} = \frac{\pi^2}{6} $$
+
+\end{document}
+&lt;/div&gt;
+...</pre>
+
+<p><a href="http://mathscribe.com/author/jqmath.html" title="http://mathscribe.com/author/jqmath.html">jqMath</a> - это еще один скрипт для парсинга простого LaTeX-подобного синтаксиса, который также принимает не-ASCII символы, такие как  <code>√{∑↙{n=1}↖{+∞} 6/n^2} = π</code> , чтобы написать <math> <mrow> <msqrt> <mrow class="ma-repel-adj"> <munderover> <mo>∑</mo> <mrow> <mi>n</mi> <mo>=</mo> <mn>1</mn> </mrow> <mrow> <mo>+</mo> <mi>∞</mi> </mrow> </munderover> <mfrac> <mn>6</mn> <msup> <mi>n</mi> <mn>2</mn> </msup> </mfrac> </mrow> </msqrt> <mo>=</mo> <mi>π</mi> </mrow> </math>. Установка похожа: загрузите и скопируйте соответствующие файлы <a href="http://mathscribe.com/downloads/mathscribe-unix-0.4.0.zip" title="http://mathscribe.com/downloads/mathscribe-unix-0.4.0.zip">Javascript и CSS files</a> на ваш Web сайт и сделайте ссылку на них в заголовке вашей страницы (смотрите файл <code>COPY-ME.html</code> из архива zip в качестве примера). Одним из преимуществ jqMath над предыдущими сценариями является то, что он автоматически добавит некоторые простые правила CSS для математической разметки и сделает формулы доступными для браузеров с ограниченной поддержкой MathML.</p>
+
+<h3 id="Программы_командной_строки">Программы командной строки</h3>
+
+<p>Альтернативный способ - парсить простой синтаксис перед публикацией ваших Web-страниц. В этом случае вы используете программы командной строки для создания и публикации этих статических страниц на своем сервере.</p>
+
+<ul>
+ <li>плюсы:
+  <ul>
+   <li>Вы получаете статические Web-страницы: исходный текст LaTeX не нужно парсить при каждой загрузке страницы, код MathML доступен Web-сканерам, и вы можете легко размещать их на любом Web-сервере.</li>
+   <li>Бинарные программы могут работать быстрее, чем Javascript-программы, и могут быть более содержательными, то есть иметь более полную поддержку LaTeX или генерировать другие форматы, такие как EPUB.</li>
+   <li>Вы можете поддерживать совместимость с другими инструментами для генерации pdf, то есть вы можете использовать один и тот же исходник .tex как для Latex, так и для Latexml.</li>
+  </ul>
+ </li>
+ <li>минусы:
+  <ul>
+   <li>Это требует установки программ на вашем компьютере, что может быть немного сложнее или они могут быть доступны не для всех платформ.</li>
+   <li>Вы должны запускать программы на своем компьютере и иметь какой-то рабочий процесс для получения веб-страниц в конце; это может быть немного утомительно.</li>
+   <li>Двоичные программы не подходят для их интеграции в расширение Mozilla или приложение XUL.</li>
+  </ul>
+ </li>
+</ul>
+
+<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> может использоваться <a href="https://github.com/fred-wang/TeXZilla/wiki/Using-TeXZilla#usage-from-the-command-line">из командной строки</a> и будет, по существу, иметь ту же поддержку, что и itex2MML, описанный ниже. Однако поведение фильтра потока еще не реализовано.</p>
+
+<p>Если вы хотите просто парсить простые математические выражения LaTeX, вы можете попробовать такие инструменты, как <a href="http://golem.ph.utexas.edu/~distler/blog/itex2MML.html" title="http://golem.ph.utexas.edu/~distler/blog/itex2MML.html">itex2MML</a> или <a href="http://gva.noekeon.org/blahtexml/" title="http://gva.noekeon.org/blahtexml/">Blahtex</a>. Последнее часто доступно в дистрибутивах Linux. Давайте рассмотрим первое, которое изначально было написано Полом Гартсайдом в начале проекта Mozilla MathML и с тех пор поддерживается Жаком Дистлером. Это небольшой фильтр потока, написанный на C/C++ и сгенерированный с помощью flex и bison; в частности, оно очень быстрое. Установите flex/bison, а также классический компилятор и сгенерируйте инструменты. В Unix вы можете загрузить itex2MML, скомпилировать и установить его:</p>
+
+<pre class="brush: bash">wget http://golem.ph.utexas.edu/~distler/blog/files/itexToMML.tar.gz; \
+tar -xzf itexToMML.tar.gz; \
+cd itex2MML/itex-src;
+make
+sudo make install
+</pre>
+
+<p>Теперь предположим, что у вас есть HTML страница с фрагментами TeX, разделенными долларами:</p>
+
+<pre class="brush: html">input.html
+
+...
+&lt;/head&gt;
+&lt;body&gt;
+  &lt;p&gt;$\sqrt{a^2-3c}$&lt;/p&gt;
+  &lt;p&gt;$$ {\sum_{i=1}^N i} = \frac{N(N+1)}{2} $$&lt;/p&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<p>Затем, чтобы сгенерировать HTML страницу из input.html, с заменой выражений TeX на выражения MathML, просто выполните</p>
+
+<pre>cat input.html | itex2MML &gt; output.html</pre>
+
+<p>Существуют еще более содержательные инструменты для преобразования произвольных документов LaTeX в HTML+MathML. Например, <a href="https://www.tug.org/tex4ht/">TeX4ht</a> часто включается в дистрибутивы TeX и имеет возможность использовать MathML вместо изображений PNG. Эта команда создаст XHTML+MathML документ foo.xml из LaTeX исходника foo.tex:</p>
+
+<pre>   mk4ht mzlatex foo.tex # Linux/Mac platforms
+   mzlatex foo.tex       # Windows platform
+</pre>
+
+<p>Заметим, что <a href="https://github.com/michal-h21/tex4ebook">tex4ebook</a> опирается на TeX4ht для создания документов EPUB.</p>
+
+<p><a href="http://dlmf.nist.gov/LaTeXML/" name="LaTeXML">LaTeXML</a> - это еще один инструмент, который может создавать документы HTML5 и EPUB. Пользователи Windows могут посмотреть это <a href="https://www.youtube.com/watch?v=Dg881w2e-lI">видео-руководство</a>. Для LaTeX файла foo.tex, вы можете использовать следующие простые команды:</p>
+
+<pre>  latexmlc --dest foo.html foo.tex # Создает HTML5 документ foo.html
+  latexmlc --dest foo.epub foo.tex # Создает EPUB документ foo.epub</pre>
+
+<p>В случаях с браузерами без поддержки MathML, вы можете использовать параметр <code>--javascript</code>, чтобы сообщить LaTeXML о включении одного из <a href="#Fallback_for_Browsers_without_MathML_support">дополнительных скриптов</a>:</p>
+
+<pre>  latexmlc --dest foo.html --javascript=<code class="language-html"><span class="script token"><span class="tag token"><span class="attr-value token">http://fred-wang.github.io/mathml.css/mspace.js</span></span></span></code> foo.tex  # Вариант с добавлением CSS
+  latexmlc --dest foo.html --javascript=<code class="language-html"><span class="script token"><span class="tag token"><span class="attr-value token">http://fred-wang.github.io/mathjax.js/mpadded-min.js</span></span></span></code> foo.tex # Вариант с добавлением MathJax</pre>
+
+<p>Если ваш документ LaTeX - большой, вы можете разбить его на несколько небольших страниц, а не размещать все на одной большой странице. Например, это разделит страницы на уровне <code>\section</code>:</p>
+
+<pre>  latexmlc --dest foo.html --splitat=section foo.tex
+</pre>
+
+<h3 id="Конвертация_на_стороне_сервера">Конвертация на стороне сервера</h3>
+
+<ul>
+ <li>плюсы:
+  <ul>
+   <li>Преобразование выполняется на стороне сервера и полученный текст MathML можно кэшировать, что является более эффективным и чистым, чем преобразование на стороне клиента.</li>
+  </ul>
+ </li>
+ <li>минусы:
+  <ul>
+   <li>Это может быть немного сложнее настроить, так как вам нужны права администратора на вашем сервере.</li>
+  </ul>
+ </li>
+</ul>
+
+<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a>, <a href="http://dlmf.nist.gov/LaTeXML/">LaTeXML</a> и <a href="https://github.com/gwicke/mathoid">Mathoid</a>  могут использоваться для выполнения преобразования LaTeX-to-MathML на стороне сервера.<a href="http://instiki.org/show/HomePage"> Instiki</a> и <a href="https://www.mediawiki.org/wiki/MediaWiki">MediaWiki</a> - это два wiki движка, которые поддерживают преобразование LaTeX-to-MathML.</p>
+
+<h2 id="Графический_интерфейс">Графический интерфейс</h2>
+
+<h3 id="Поле_ввода">Поле ввода</h3>
+
+<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> имеет несколько интерфейсов, включая плагин <a href="http://ckeditor.com/addon/texzilla">CKEditor</a>, используемый в MDN, <a href="http://fred-wang.github.io/TeXZilla/">онлайн демо</a> и <a href="https://addons.mozilla.org/en-US/firefox/addon/texzilla/">дополнение Firefox</a> или <a href="https://marketplace.firefox.com/app/texzilla-1/">FirefoxOS Webapp</a>. Он также был интегрирован в <a href="http://www.seamonkey-project.org/">SeaMonkey</a> с версии 2.28 и в <a href="https://www.mozilla.org/thunderbird/">Thunderbird</a> с версии 31.<a href="http://abisource.org/"> Abiword</a> содержит небольшой редактор уравнений, основанный на itex2MML. Наконец,<a href="http://www.bluegriffon.com/"> Bluegriffon</a> имеет дополнение для вставки формул MathML в ваш документ, используя синтаксис, подобный ASCII/LaTeX.</p>
+
+<p style="text-align: center;"><img alt="BlueGriffon" src="http://www.bluegriffon.com/public/shots/mathml-shot1.png" style="height: 467px; width: 358px;"></p>
+
+<h3 id="WYSIYWG_редакторы">WYSIYWG редакторы</h3>
+
+<p><a href="http://www.firemath.info/">Firemath</a> - это расширение для Firefox, которое является WYSIWYG редактором MathML. Предварительный просмотр формулы осуществляется с помощью механизма рендеринга Mozilla. Сгенерированный код MathML доступен в нижней части окна. Используйте текстовое поле для ввода простых элементов (токенов) и кнопки для создания более сложных конструкций. После того, как вы завершите редактирование, вы сможете сохранить свой документ в виде страницы XHTML.</p>
+
+<p><a href="http://www.lyx.org/">LyX</a> - это графический LaTeX редактор, который имеет встроенную поддержку экспорта XHTML+MathML и может быть скрнфигурирован на использование конвертеров вида LaTeX-to-(X)HTML. Например, вы можете настроить его для экспорта <a href="https://github.com/brucemiller/LaTeXML/wiki/Integrating-LaTeXML-into-TeX-editors#lyx">LaTeXML HTML5/EPUB</a>.</p>
+
+<p>В <a href="http://www.openoffice.org/">OpenOffice</a> и <a href="http://libreoffice.org/">LibreOffice</a> есть редакторы уравнений (File → New → Formula). Это наполовину WYSIWYG: с помощью панели уравнений/клавиатуры вы вводите исходный текст для формулы и предосмотр полученной формулы соответственно обновляется. Редактор использует свой собственный синтаксис "StarMath" для исходных текстов, но при сохранении документа генерируется также и соответствующий код MathML. Для получения кода MathML, сохраните документ как mml и откройте его любым текстовым редактором. Как вариант, вы можете разархивировать файл odf (на самом деле zip-архив) и открыть xml файл <code>content.xml</code>.</p>
+
+<p style="text-align: center;"><img alt="Open Office Math" src="/@api/deki/files/4261/=openoffice.png" style="height: 527px; width: 483px;"></p>
+
+<p><a href="http://www.w3.org/Amaya/">Amaya</a> - это Web-редактор от W3C, способный обрабатывать MathML внутри документов XHTML. Используйте элементы из Elements и панель Special Chars для создания различных продвинутых математических конструкций. Простой текст, такой как <code>a+2</code>, автоматически парсится и создается соответствующая разметка MathML. Как только вы закончите, вы cможете напрямую сохранить свою страницу XHTML и открыть ее в Mozilla.</p>
+
+<h2 id="Распознавание_видимых_символов_и_рукописного_текста">Распознавание видимых символов и рукописного текста</h2>
+
+<p><a href="http://www.inftyreader.org/">Inftyreader</a> способен выполнять некоторое распознавание видимых символов, включающее перевод математических уравнений в MathML. Другие инструменты могут выполнять распознавание рукописного ввода, например, <a href="https://msdn.microsoft.com/en-us/library/windows/desktop/dd371698(v=vs.85).aspx">Windows Math Input Panel</a> или онлайн конвертер <a href="https://webdemo.myscript.com/views/math.html" title="http://webdemo.visionobjects.com/portal.html">Web Equation</a>.</p>
+
+<div class="originaldocinfo">
+<h3 id="Информация_об_исходном_документе">Информация об исходном документе</h3>
+
+<ul>
+ <li>Автор(ы): Frédéric Wang</li>
+ <li>Другие участники: Florian Scholz</li>
+ <li>Информация об авторских правах (Copyright): Авторские права на данный контент (© 2010) принадлежат отдельным участникам проекта mozilla.org; Контент доступен в соответствии с лицензией Creative Commons | <a class="external" href="http://www.mozilla.org/foundation/licensing/website-content.html">Подробности</a>.</li>
+</ul>
+</div>
+
+<p> </p>
diff --git a/files/ru/web/mathml/element/index.html b/files/ru/web/mathml/element/index.html
new file mode 100644
index 0000000000..b781c14904
--- /dev/null
+++ b/files/ru/web/mathml/element/index.html
@@ -0,0 +1,144 @@
+---
+title: Справка по элементам MathML
+slug: Web/MathML/Element
+tags:
+  - MathML
+  - MathML Reference
+  - NeedsTranslation
+  - TopicStub
+translation_of: Web/MathML/Element
+---
+<p>Здесь представлен алфавитный список <strong>презентационных (presentation)</strong> элементов MathML.</p>
+
+<p>Термин <strong>презентационная разметка  (presentation markup)</strong> используется для описания разметки отображения математической системы обозначений, тогда как <strong>разметка содержимого (content markup)</strong> обеспечивает базовый математический смысл и не должна воспроизводиться парсером MathML (смотрите {{ bug(276028) }}). Если вы хотите узнать больше о разметке контента, вы можете изучить <a class="external" href="http://www.w3.org/TR/MathML3/chapter4.html" title="http://www.w3.org/TR/MathML3/chapter4.html">Chapter 4</a> из <a class="external" href="http://www.w3.org/TR/MathML3/" title="http://www.w3.org/TR/MathML3/">спецификации MathML 3</a>.</p>
+
+<div class="multiColumnList">
+<h3 id="math">math</h3>
+
+<ul>
+ <li>{{ MathMLElement("math") }} (Top-level element)</li>
+</ul>
+
+<h3 id="A">A</h3>
+
+<ul>
+ <li>{{ MathMLElement("maction") }} (Binded actions to sub-expressions)</li>
+ <li>{{ MathMLElement("maligngroup") }} (Alignment group)</li>
+ <li>{{ MathMLElement("malignmark") }} (Alignment points)</li>
+</ul>
+
+<h3 id="E">E</h3>
+
+<ul>
+ <li>{{ MathMLElement("menclose") }} (Enclosed contents)</li>
+ <li>{{ MathMLElement("merror") }} (Enclosed syntax error messages)</li>
+</ul>
+
+<h3 id="F">F</h3>
+
+<ul>
+ <li>{{ MathMLElement("mfenced") }} (Parentheses)</li>
+ <li>{{ MathMLElement("mfrac") }} (Fraction)</li>
+</ul>
+
+<h3 id="G">G</h3>
+
+<ul>
+ <li>{{ MathMLElement("mglyph") }} (Displaying non-standard symbols)</li>
+</ul>
+
+<h3 id="I">I</h3>
+
+<ul>
+ <li>{{ MathMLElement("mi") }} (Identifier)</li>
+</ul>
+
+<h3 id="L">L</h3>
+
+<ul>
+ <li>{{ MathMLElement("mlabeledtr") }} (Labeled row in a table or a matrix)</li>
+ <li>{{ MathMLElement("mlongdiv") }} (Long division notation)</li>
+</ul>
+
+<h3 id="M">M</h3>
+
+<ul>
+ <li>{{ MathMLElement("mmultiscripts") }} (Prescripts and tensor indices)</li>
+</ul>
+
+<h3 id="N">N</h3>
+
+<ul>
+ <li>{{ MathMLElement("mn") }} (Number)</li>
+</ul>
+
+<h3 id="O">O</h3>
+
+<ul>
+ <li>{{ MathMLElement("mo") }} (Operator)</li>
+ <li>{{ MathMLElement("mover") }} (Overscript)</li>
+</ul>
+
+<h3 id="P">P</h3>
+
+<ul>
+ <li>{{ MathMLElement("mpadded") }} (Space around content)</li>
+ <li>{{ MathMLElement("mphantom") }} (Invisible content with reserved space)</li>
+</ul>
+
+<h3 id="R">R</h3>
+
+<ul>
+ <li>{{ MathMLElement("mroot") }} (Radical with specified index)</li>
+ <li>{{ MathMLElement("mrow") }} (Grouped sub-expressions)</li>
+</ul>
+
+<h3 id="S">S</h3>
+
+<ul>
+ <li>{{ MathMLElement("ms") }} (String literal)</li>
+ <li>{{ MathMLElement("mscarries") }} (Annotations such as carries)</li>
+ <li>{{ MathMLElement("mscarry") }} (Single carry, child element of {{ MathMLElement("mscarries") }})</li>
+ <li>{{ MathMLElement("msgroup") }} (Grouped rows of {{ MathMLElement("mstack") }} and {{ MathMLElement("mlongdiv") }} elements)</li>
+ <li>{{ MathMLElement("msline") }} (Horizontal lines inside {{ MathMLElement("mstack") }} elements)</li>
+ <li>{{ MathMLElement("mspace") }} (Space)</li>
+ <li>{{ MathMLElement("msqrt") }} (Square root without an index)</li>
+ <li>{{ MathMLElement("msrow") }} (Rows in {{ MathMLElement("mstack") }} elements)</li>
+ <li>{{ MathMLElement("mstack") }} (Stacked alignment)</li>
+ <li>{{ MathMLElement("mstyle") }} (Style change)</li>
+ <li>{{ MathMLElement("msub") }} (Subscript)</li>
+ <li>{{ MathMLElement("msup") }} (Superscript)</li>
+ <li>{{ MathMLElement("msubsup") }} (Subscript-superscript pair)</li>
+</ul>
+
+<h3 id="T">T</h3>
+
+<ul>
+ <li>{{ MathMLElement("mtable") }} (Table or matrix)</li>
+ <li>{{ MathMLElement("mtd") }} (Cell in a table or a matrix)</li>
+ <li>{{ MathMLElement("mtext") }} (Text)</li>
+ <li>{{ MathMLElement("mtr") }} (Row in a table or a matrix)</li>
+</ul>
+
+<h3 id="U">U</h3>
+
+<ul>
+ <li>{{ MathMLElement("munder") }} (Underscript)</li>
+ <li>{{ MathMLElement("munderover") }} (Underscript-overscript pair)</li>
+</ul>
+
+<h3 id="Other_elements">Other elements</h3>
+
+<ul>
+ <li>{{ MathMLElement("semantics") }} (Container for semantic annotations)</li>
+ <li><a href="/en-US/docs/MathML/Element/semantics"><code>&lt;annotation&gt;</code></a> (Data annotations)</li>
+ <li><a href="/en-US/docs/MathML/Element/semantics"><code>&lt;annotation-xml&gt;</code></a> (XML annotations)</li>
+</ul>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/MathML" title="/en-US/docs/Web/MathML">MathML</a></li>
+ <li><a href="/en-US/docs/Web/MathML/Attribute" title="/en-US/docs/Web/MathML/Attribute">MathML attribute reference</a></li>
+</ul>
diff --git a/files/ru/web/mathml/element/maction/index.html b/files/ru/web/mathml/element/maction/index.html
new file mode 100644
index 0000000000..4df5beac57
--- /dev/null
+++ b/files/ru/web/mathml/element/maction/index.html
@@ -0,0 +1,124 @@
+---
+title: <maction>
+slug: Web/MathML/Element/maction
+tags:
+  - MathML
+  - MathML Reference
+  - 'MathML:Element'
+  - 'MathML:Enlivening Expressions'
+translation_of: Web/MathML/Element/maction
+---
+<div>{{MathMLRef}}</div>
+
+<div class="summary">
+<p>Элемент MathML <strong><code>&lt;maction&gt;</code></strong> обеспечивает возможность связать действия с (под-) выражениями. Само действие задается с помощью атрибута<code>actiontype</code>, который может принимать несколько значений. Чтобы указать каким дочерним элементам адресовано действие, вы можете использовать атрибут <code>selection</code>.</p>
+</div>
+
+<h2 id="Атрибуты">Атрибуты</h2>
+
+<dl>
+ <dt id="attr-actiontype">actiontype</dt>
+ <dd>Действие, которое устанавливает, что происходит с этим элементом. Возможные значения:
+ <ul>
+  <li><code>statusline</code>: Если кликнуть на <em>выражении (expression)</em> или читатель наведет курсор на него, <em>сообщение (message)</em> будет отправлено в строку состояния браузера. Синтаксис: <code>&lt;maction actiontype="statusline"&gt; <em>expression</em> <em>message</em> &lt;/maction&gt;.</code></li>
+  <li><code>toggle</code>: Если кликнуть на подвыражении, рендеринг чередует отображение выбранных подвыражений. Поэтому с каждым кликом <code>выбираемое</code> значение меняется на следующее.<br>
+   Синтаксис: <code>&lt;maction actiontype="toggle" selection="<em>positive-integer</em>" &gt; <em>expression1</em> <em>expression2</em> <em>expressionN</em> &lt;/maction&gt;</code>.</li>
+  <li><code>tooltip</code>: Когда указатель перемещается над <em>выражением (expression)</em>, рядом с выражением отображается всплывающая подсказка с <em>сообщением (message)</em>.<br>
+   Синтаксис:<code> &lt;maction actiontype="tooltip"&gt; <em>expression</em> <em>message</em> &lt;/maction&gt;.</code></li>
+ </ul>
+ </dd>
+ <dt id="attr-class-id-style">class, id, style</dt>
+ <dd>Предусматривается для ипользования с <a href="/ru/docs/CSS">таблицами стилей</a>.</dd>
+ <dt id="attr-href">href</dt>
+ <dd>Используется для установки гиперссылки на указанный URI.</dd>
+ <dt id="attr-mathbackground">mathbackground</dt>
+ <dd>Цвет фона. Вы можете использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/CSS/color_value#Color_Keywords">названия цветов HTML</a>.</dd>
+ <dt id="attr-mathcolor">mathcolor</dt>
+ <dd>Цвет текста и цвет пунктирной линии. Вы можете использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/CSS/color_value#Color_Keywords">названия цветов HTML</a>.</dd>
+ <dt id="attr-selection">selection</dt>
+ <dd>Дочерний элемент, которому адресуется действие. Значение по умолчанию равно 1, что соответствует первому дочернему элементу.</dd>
+</dl>
+
+<h2 id="Примеры">Примеры</h2>
+
+<p>В следующем примере используется атрибут <code>actiontype со значением </code>"toggle" :</p>
+
+<pre class="brush: html">&lt;math&gt;
+
+&lt;maction actiontype="toggle"&gt;
+
+  &lt;mfrac&gt;
+    &lt;mn&gt;6&lt;/mn&gt;
+    &lt;mn&gt;8&lt;/mn&gt;
+  &lt;/mfrac&gt;
+
+  &lt;mfrac&gt;
+    &lt;mrow&gt;
+      &lt;mn&gt;3&lt;/mn&gt;
+      &lt;mo&gt;&amp;sdot;&lt;/mo&gt;
+      &lt;mn&gt;2&lt;/mn&gt;
+    &lt;/mrow&gt;
+    &lt;mrow&gt;
+      &lt;mn&gt;4&lt;/mn&gt;
+      &lt;mo&gt;&amp;sdot;&lt;/mo&gt;
+      &lt;mn&gt;2&lt;/mn&gt;
+    &lt;/mrow&gt;
+  &lt;/mfrac&gt;
+
+  &lt;mfrac&gt;
+    &lt;mn&gt;3&lt;/mn&gt;
+    &lt;mn&gt;4&lt;/mn&gt;
+  &lt;/mfrac&gt;
+
+&lt;/maction&gt;
+
+&lt;/math&gt;
+</pre>
+
+<h2 id="Спецификации">Спецификации</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Спецификация</th>
+   <th scope="col">Статус</th>
+   <th scope="col">Комментарий</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('MathML3', 'chapter3.html#presm.maction', 'maction') }}</td>
+   <td>{{ Spec2('MathML3') }}</td>
+   <td>Текущая спецификация</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('MathML2', 'chapter3.html#presm.maction', 'maction') }}</td>
+   <td>{{ Spec2('MathML2') }}</td>
+   <td><span class="tlid-translation translation"><span title="">Начальная спецификация</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Совместимость_с_браузерами"><span class="tlid-translation translation"><span title="">Совместимость с браузера</span></span>ми</h2>
+
+<p> </p>
+
+
+
+<p>{{Compat("mathml.elements.maction")}}</p>
+
+<p> </p>
+
+<h2 id="Специфика_Gecko">Специфика Gecko</h2>
+
+<ul>
+ <li>До Gecko 9.0 {{ geckoRelease("9.0") }} была поддержка нестандартного значения <code>restyle</code> для атрибута <code>actiontype</code>. <span class="tlid-translation translation"><span title="">Это значение было удалено.</span></span></li>
+ <li>До Gecko 14.0 {{ geckoRelease("14.0") }} значение <code>statusline</code> для атрибута <code>actiontype</code> использовало нестандартный синтаксис. Это было исправлено в соответствии со спецификацией MathML.
+  <pre class="brush: html">&lt;maction actiontype="statusline#(message)"&gt;
+(expression)
+&lt;/maction&gt;
+</pre>
+ </li>
+ <li>В Gecko 15.0 {{geckoRelease("15.0")}} атрибут <code>selection</code> учитывается только со значением actiontype <code>"toggle"</code>.</li>
+ <li>Начиная с Gecko 16.0 {{geckoRelease("16.0")}} атрибут <code>selection</code> учитывается с произвольным значением <code>actiontype</code>. Если <code>actiontype</code> не указан (пуст) или атрибут <code>selection</code> недопустимый, возникнет ошибка MathML (недопустимая разметка).</li>
+</ul>
diff --git a/files/ru/web/mathml/element/math/index.html b/files/ru/web/mathml/element/math/index.html
new file mode 100644
index 0000000000..a10a11cb22
--- /dev/null
+++ b/files/ru/web/mathml/element/math/index.html
@@ -0,0 +1,325 @@
+---
+title: <math>
+slug: Web/MathML/Element/math
+translation_of: Web/MathML/Element/math
+---
+<p>{{MathMLRef()}}</p>
+
+<p><span class="notranslate" style="">Элементом верхнего уровня в MathML является тэг <code>&lt;math&gt;</code> .</span> <span class="notranslate" style=""> Каждый допустимый экземпляр MathML должен быть внутри этого контейнера.</span> <span class="notranslate"> Он не допускает вложений, но внутри может быть произвольное число других дочерних элементов.</span></p>
+
+<h2 id="Атрибуты"><span class="notranslate">Атрибуты</span></h2>
+
+<p><span class="notranslate">В дополнение к следующим атрибутам, тэг <code>&lt;math&gt;</code> воспринимает любые атрибуты из <a href="https://developer.mozilla.org/en-US/docs/Web/MathML/Element/mstyle" title="&lt;Mstyle>"><code>&lt;mstyle&gt;</code></a> .</span></p>
+
+<dl>
+ <dt id="attr-class-id-style">class, id, style</dt>
+ <dd><span class="notranslate">При условии использования всесте с <a href="https://developer.mozilla.org/en-US/docs/CSS">таблицами стилей</a> .</span></dd>
+ <dt id="attr-dir">dir</dt>
+ <dd><span class="notranslate">Указывает направление формулы:</span> <span class="notranslate"><code>ltr</code> - слева направо или <code>rtl</code> - справа налево.</span></dd>
+ <dt id="attr-href">ref</dt>
+ <dd><span class="notranslate">Используется для установки гиперссылки на указанный URI.</span></dd>
+ <dt id="attr-mathbackground"><span class="notranslate">mathbackground</span></dt>
+ <dd><span class="notranslate">Цвет фона.</span> <span class="notranslate"> Вы можете использовать <code>#rgb</code> , <code>#rrggbb</code> и <a href="https://developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords">названия цветов HTML</a> .</span></dd>
+ <dt id="attr-mathcolor"><span class="notranslate">mathcolor</span></dt>
+ <dd><span class="notranslate">Цвет текста.</span> <span class="notranslate"> Вы можете использовать <code>#rgb</code> , <code>#rrggbb</code> и <a href="https://developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords">названия цветов HTML</a> .</span></dd>
+ <dt id="attr-display">display</dt>
+ <dd><span class="notranslate">Этот атрибут определяет способ вывода.</span> Возможные <span class="notranslate">значения:</span>
+ <ul>
+  <li><span class="notranslate"><code>block</code> - означает, что этот элемент будет отображаться за пределами текущего диапазона текста, как блока, который может быть расположен в любом месте без изменения смысла текста;</span></li>
+  <li><span class="notranslate"><code>inline</code> -означает, что этот элемент будет отображаться внутри текущего диапазона текста, и не могут быть перемещены из нее без изменения значения этого текста.</span></li>
+ </ul>
+
+ <p><span class="notranslate">Значение по умолчанию <code>inline</code> .</span></p>
+ </dd>
+ <dt id="attr-mode">mode {{ deprecated_inline() }} <span title="Это устаревший API больше не используется, но, вероятно, все еще работают.">
+ <i class="icon-thumbs-down-alt"></i>
+ </span></dt>
+ <dd><span class="notranslate">Устаревшие значение  </span><a href="https://developer.mozilla.org/en-US/docs/MathML/Element/math#attr-display">display attribute</a>.<br>
+ <span class="notranslate">Возможные значения: <code>display</code> (который имеет тот же эффект, как <code>display="block"</code> ) и <code>inline</code> .</span></dd>
+ <dt id="attr-overflow">overflow</dt>
+ <dd><span class="notranslate">Определяет, как выражение ведет себя, если текст слишком длинный и не помещается в указанном диапазоне ширины.</span><br>
+ <span class="notranslate">Возможные значения: <code>linebreak</code> (по умолчанию), <code>scroll</code> , <code>elide</code> , <code>truncate</code> , <code>scale</code> .</span></dd>
+</dl>
+
+<h2 id="Примеры"><span class="notranslate">Примеры</span></h2>
+
+<p><img alt="Теорема Пифагора" src="https://developer.mozilla.org/files/3157/math.jpg"></p>
+
+<h3 id="Обозначения_HTML5"><span class="notranslate">Обозначения HTML5</span></h3>
+
+<pre class="brush: html  language-html"><code class="language-html"><span class="token doctype">&lt;!DOCTYPE html&gt;</span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span><span class="token punctuation">&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>MathML in HTML5<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span>
+
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>math</span><span class="token punctuation">&gt;</span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mrow</span><span class="token punctuation">&gt;</span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mrow</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>msup</span><span class="token punctuation">&gt;</span></span>
+          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mi</span><span class="token punctuation">&gt;</span></span>a<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mi</span><span class="token punctuation">&gt;</span></span>
+          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mn</span><span class="token punctuation">&gt;</span></span>2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mn</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>msup</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mo</span><span class="token punctuation">&gt;</span></span>+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mo</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>msup</span><span class="token punctuation">&gt;</span></span>
+          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mi</span><span class="token punctuation">&gt;</span></span>b<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mi</span><span class="token punctuation">&gt;</span></span>
+          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mn</span><span class="token punctuation">&gt;</span></span>2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mn</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>msup</span><span class="token punctuation">&gt;</span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mrow</span><span class="token punctuation">&gt;</span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mo</span><span class="token punctuation">&gt;</span></span>=<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mo</span><span class="token punctuation">&gt;</span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>msup</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mi</span><span class="token punctuation">&gt;</span></span>c<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mi</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mn</span><span class="token punctuation">&gt;</span></span>2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mn</span><span class="token punctuation">&gt;</span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>msup</span><span class="token punctuation">&gt;</span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mrow</span><span class="token punctuation">&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>math</span><span class="token punctuation">&gt;</span></span>
+
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span></code></pre>
+
+<p> </p>
+
+<h3 id="Обозначения_XHTML"><span class="notranslate">Обозначения XHTML</span></h3>
+
+<p> </p>
+
+<pre class="brush: xml  language-xml"><code class="language-xml"><span class="token prolog">&lt;?xml version="1.0" encoding="UTF-8"?&gt;</span>
+<span class="token doctype">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd"&gt;</span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>http://www.w3.org/1999/xhtml<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>
+ <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>MathML in XHTML<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span>
+
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>math</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>http://www.w3.org/1998/Math/MathML<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mrow</span><span class="token punctuation">&gt;</span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mrow</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>msup</span><span class="token punctuation">&gt;</span></span>
+          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mi</span><span class="token punctuation">&gt;</span></span>a<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mi</span><span class="token punctuation">&gt;</span></span>
+          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mn</span><span class="token punctuation">&gt;</span></span>2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mn</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>msup</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mo</span><span class="token punctuation">&gt;</span></span>+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mo</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>msup</span><span class="token punctuation">&gt;</span></span>
+          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mi</span><span class="token punctuation">&gt;</span></span>b<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mi</span><span class="token punctuation">&gt;</span></span>
+          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mn</span><span class="token punctuation">&gt;</span></span>2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mn</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>msup</span><span class="token punctuation">&gt;</span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mrow</span><span class="token punctuation">&gt;</span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mo</span><span class="token punctuation">&gt;</span></span>=<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mo</span><span class="token punctuation">&gt;</span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>msup</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mi</span><span class="token punctuation">&gt;</span></span>c<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mi</span><span class="token punctuation">&gt;</span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mn</span><span class="token punctuation">&gt;</span></span>2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mn</span><span class="token punctuation">&gt;</span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>msup</span><span class="token punctuation">&gt;</span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mrow</span><span class="token punctuation">&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>math</span><span class="token punctuation">&gt;</span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span></code></pre>
+
+<p> </p>
+
+<p><span class="notranslate"><strong>Примечания:</strong> XHTML документы с MathML должны быть поданы как <code>application/xhtml+xml</code> .</span> <span class="notranslate"> Вы можете легко добиться этого, добавив <code>.xhtml</code> расширение для локальных файлов.</span> <span class="notranslate"> Для серверов Apache вы можете <a class="external external-icon" href="http://httpd.apache.org/docs/2.2/mod/mod_mime.html#addtype" title="http://httpd.apache.org/docs/2.2/mod/mod_mime.html#addtype">настроить <code>.htaccess</code> файл</a> для этого расширения на правильный тип MIME.</span> <span class="notranslate"> Поскольку мы сохранили наш MathML в виде XML-документа, необходимо быть уверенным в правильно оформленном XML-документе.</span></p>
+
+<p> </p>
+
+<h2 id="Совместимость_браузеров">Совместимость браузеров</h2>
+
+<p> </p>
+
+<div class="htab"><a id="AutoCompatibilityTable" name="AutoCompatibilityTable"></a>
+
+<ul>
+ <li class="selected"><a>Полные версии</a></li>
+ <li><a>Мобильные версии</a></li>
+</ul>
+
+<div id="compat-desktop" style="display: block;">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Элемент</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>XHTML описание</td>
+   <td><span style="color: #f00;">-</span> (только 24-я)</td>
+   <td>1.0 (1.7 or earlier)</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td>9.5</td>
+   <td>5.1</td>
+  </tr>
+  <tr>
+   <td>HTML5 описание</td>
+   <td><span style="color: #f00;">-</span> (только 24-я)</td>
+   <td><a href="/en-US/Firefox/Releases/4" title="Выпущен 2011-03-22.">4.0</a> (2.0)</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td>5.1</td>
+  </tr>
+  <tr>
+   <td><code>dir</code></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><a href="/en-US/Firefox/Releases/12" title="Выпущен 2012-04-24.">12.0</a> (12.0)</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+  </tr>
+  <tr>
+   <td><code>href</code></td>
+   <td><span style="color: #f00;">-</span> <a class="external external-icon" href="https://bugs.webkit.org/show_bug.cgi?id=85733" rel="external" title="">WebKit bug 85733</a></td>
+   <td><a href="/en-US/Firefox/Releases/7" title="Выпущен 2011-09-26.">7.0</a> (7.0)</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span> <a class="external external-icon" href="https://bugs.webkit.org/show_bug.cgi?id=85733" rel="external" title="">WebKit bug 85733</a></td>
+  </tr>
+  <tr>
+   <td><code>mathbackground</code></td>
+   <td><span style="color: #f00;">-</span> (только 24-я)</td>
+   <td><a href="/en-US/Firefox/Releases/4" title="Выпущен 2011-03-22.">4.0</a> (2.0)</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td>5.1</td>
+  </tr>
+  <tr>
+   <td><code>mathcolor</code></td>
+   <td><span style="color: #f00;">-</span> (только 24-я)</td>
+   <td><a href="/en-US/Firefox/Releases/4" title="Выпущен 2011-03-22.">4.0</a> (2.0)</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td>5.1</td>
+  </tr>
+  <tr>
+   <td><code>overflow</code></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile" style="display: none;">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Элемент</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>XHTML notation</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td>1.0 (1.0)</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+  </tr>
+  <tr>
+   <td>HTML5 notation</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td>4.0 (2.0)</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+  </tr>
+  <tr>
+   <td><code>dir</code></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td>12.0 (12.0)</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+  </tr>
+  <tr>
+   <td><code>href</code></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td>7.0 (7.0)</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+  </tr>
+  <tr>
+   <td><code>mathbackground</code></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td>4.0 (2.0)</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+  </tr>
+  <tr>
+   <td><code>mathcolor</code></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td>4.0 (2.0)</td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+  </tr>
+  <tr>
+   <td><code>overflow</code></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+   <td><span style="color: #f00;">-</span></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+</div>
+
+<p> </p>
+
+<h3 id="Особенности_ядра_Gecko"><span class="notranslate">Особенности ядра Gecko</span></h3>
+
+<p><span class="notranslate">В Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) появилась поддержка всех MathML атрибутов для элементов верхнего уровня (т.е. такое же поведение как <a href="https://developer.mozilla.org/en-US/docs/Web/MathML/Element/mstyle" title="&lt;Mstyle>"><code>&lt;mstyle&gt;</code></a> элемента).</span> <span class="notranslate"> Тем не менее, <code>displaystyle</code> атрибут не отрабатывается. Его поддержка <a class="external link-https external-icon" href="https://translate.googleusercontent.com/translate_c?depth=1&amp;hl=ru&amp;ie=UTF8&amp;prev=_t&amp;rurl=translate.google.com&amp;sl=en&amp;tl=ru&amp;u=https://bugzilla.mozilla.org/show_bug.cgi%3Fid%3D669719&amp;usg=ALkJrhgLJ8bHaC2M0rCMSujebFa8KEb7lQ" title="https://bugzilla.mozilla.org/show_bug.cgi?id=669719">была добавлена</a> в Gecko 8.0 (Firefox 8.0 / Thunderbird 8.0 / SeaMonkey 2.5).</span></p>
+
+<p><span class="notranslate">Альтернативные текстовые описания (<code>alttext</code>) или ссылки на альтернативное изображение, (атрибуты <code>altimg</code> , <code>altimg-width</code> , <code>altimg-height</code> и <code>altimg-valign</code>) в настоящее время не реализованы в Gecko.</span></p>
+
+<h2 id="Specifications" name="Specifications"><span class="notranslate">Спецификации</span></h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col"><span class="notranslate">Спецификация</span></th>
+   <th scope="col"><span class="notranslate">Статус</span></th>
+   <th scope="col"><span class="notranslate">Комментарий</span></th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><span class="notranslate"><a class="external external-icon" href="http://www.w3.org/TR/MathML3/chapter2.html" lang="en" title="Определение «верхнего уровня математической элемент» в том, что спецификации.">MathML 3.0</a></span></td>
+   <td><span class="notranslate"><span class="spec-REC">Рекомендация</span></span></td>
+   <td><span class="notranslate">Текущая спецификация</span></td>
+  </tr>
+  <tr>
+   <td><span class="notranslate"><a class="external external-icon" href="http://www.w3.org/TR/MathML2/chapter7.html" lang="en" title="Определение «верхнего уровня математической элемент» в том, что спецификации.">MathML 2.0</a></span></td>
+   <td><span class="notranslate"><span class="spec-REC">Рекомендация</span></span></td>
+   <td><span class="notranslate">Начальная спецификация</span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Смотрите_также"><span class="notranslate">Смотрите также</span></h2>
+
+<ul>
+ <li><span class="notranslate">HTML элемент верхнего уровня: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html" title="HTML &lt;HTML> Элемент (или HTML корневой элемент) представляет собой корень из HTML или документа XHTML. Все остальные элементы должны быть потомками этого элемента."><code>&lt;html&gt;</code></a></span></li>
+ <li><span class="notranslate">SVG элемент верхнего уровня: <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg" title="Элемент SVG могут быть использованы для гнезда автономный SVG фрагмент внутри текущего документа (в том числе в HTML документе) до тех пор, SVG не является корневым элементом. Это автономный фрагмент имеет свой собственный просмотра и свою собственную систему координат."><code>&lt;svg&gt;</code></a></span></li>
+ <li><span class="notranslate">Тест-браузер MathML: Для <a class="external link-https external-icon" href="https://www.eyeasme.com/Joe/MathML/MathML_browser_test">XHTML</a> и <a class="external link-https external-icon" href="https://eyeasme.com/Joe/MathML/HTML5_MathML_browser_test">HTML5</a></span></li>
+</ul>
diff --git a/files/ru/web/mathml/element/menclose/index.html b/files/ru/web/mathml/element/menclose/index.html
new file mode 100644
index 0000000000..79c4c83179
--- /dev/null
+++ b/files/ru/web/mathml/element/menclose/index.html
@@ -0,0 +1,200 @@
+---
+title: <menclose>
+slug: Web/MathML/Element/menclose
+tags:
+  - MathML
+  - MathML Reference
+  - 'MathML:Element'
+  - 'MathML:General Layout Schemata'
+translation_of: Web/MathML/Element/menclose
+---
+<div>{{MathMLRef}}</div>
+
+<p class="summary">Элемент MathML <code>&lt;menclose&gt;</code> отображает свое содержимое во вложенной нотации, указанной атрибутом <code>нотации</code>.</p>
+
+<h2 id="Атрибуты">Атрибуты</h2>
+
+<dl>
+ <dt id="attr-class-id-style">class, id, style</dt>
+ <dd>Используются с <a href="/ru/docs/CSS">таблицами стилей</a>.</dd>
+ <dt id="attr-href">href</dt>
+ <dd>Используется для установки гиперссылки на указанный URI.</dd>
+ <dt id="attr-mathbackground">mathbackground</dt>
+ <dd>Цвет фона. Вы можете использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/CSS/color_value#Color_Keywords">HTML-имена цветов</a>.</dd>
+ <dt id="attr-mathcolor">mathcolor</dt>
+ <dd>Цвет текста. Вы можете использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/CSS/color_value#Color_Keywords">HTML-имена цветов</a>.</dd>
+ <dt id="attr-notation">notation</dt>
+ <dd>Список нотаций, разделенных пробелами, применяемых к дочерним элементам. Изображенные символы могут перекрываться. Возможные значения:
+ <table class="standard-table">
+  <tbody>
+   <tr>
+    <th>Значение</th>
+    <th>Пример рендеринга</th>
+    <th>Рендеринг в вашем браузере</th>
+    <th>Описание</th>
+   </tr>
+   <tr>
+    <td><code>longdiv</code> (default)</td>
+    <td><img alt="longdiv" src="/files/3167/default.png"></td>
+    <td><math> <menclose notation="longdiv"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>длинный символ деления</td>
+   </tr>
+   <tr>
+    <td><code>actuarial</code></td>
+    <td><img alt="actuarial" src="/files/3168/actuarial.png"></td>
+    <td><math> <menclose notation="actuarial"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td><a class="external" href="http://en.wikipedia.org/wiki/Actuarial_notation" title="http://en.wikipedia.org/wiki/Actuarial_notation">актуарный символ</a></td>
+   </tr>
+   <tr>
+    <td><code>radical</code></td>
+    <td><img alt="radical" src="/files/3169/radical.png"></td>
+    <td><math> <menclose notation="radical"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>символ квадратного корня</td>
+   </tr>
+   <tr>
+    <td><code>box</code></td>
+    <td><img alt="box" src="/files/3170/box.png"></td>
+    <td><math> <menclose notation="box"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>прямоугольник</td>
+   </tr>
+   <tr>
+    <td><code>roundedbox</code></td>
+    <td><img alt="roundedbox" src="/files/3171/roundedbox.png"></td>
+    <td><math> <menclose notation="roundedbox"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>прямоугольник с закругленными вершинами</td>
+   </tr>
+   <tr>
+    <td><code>circle</code></td>
+    <td><img alt="circle" src="/files/3172/circle.png"></td>
+    <td><math> <menclose notation="circle"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>овал</td>
+   </tr>
+   <tr>
+    <td><code>left</code></td>
+    <td><img alt="left" src="/files/3173/left.png"></td>
+    <td><math> <menclose notation="left"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>линия слева от содержимого</td>
+   </tr>
+   <tr>
+    <td><code>right</code></td>
+    <td><img alt="right" src="/files/3174/right.png"></td>
+    <td><math> <menclose notation="right"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>линия справа от содержимого</td>
+   </tr>
+   <tr>
+    <td><code>top</code></td>
+    <td><img alt="top" src="/files/3175/top.png"></td>
+    <td><math> <menclose notation="top"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>линия над содержимым</td>
+   </tr>
+   <tr>
+    <td><code>bottom</code></td>
+    <td><img alt="bottom" src="/files/3176/bottom.png"></td>
+    <td><math> <menclose notation="bottom"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>линия под содержимым</td>
+   </tr>
+   <tr>
+    <td><code>updiagonalstrike</code></td>
+    <td><img alt="updiagonalstrike" src="/files/3177/updiagonalstrike.png"></td>
+    <td><math> <menclose notation="updiagonalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>линия, перечеркивающая содержимое от левого низа до правого верха</td>
+   </tr>
+   <tr>
+    <td><code>downdiagonalstrike</code></td>
+    <td><img alt="downdiagonalstrike" src="/files/3178/downdiagonalstrike.png"></td>
+    <td><math> <menclose notation="downdiagonalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>линия, перечеркивающая содержимое от левого верха до правого низа</td>
+   </tr>
+   <tr>
+    <td><code>verticalstrike</code></td>
+    <td><img alt="verticalstrike" src="/files/3179/verticalstrike.png"></td>
+    <td><math> <menclose notation="verticalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>вертикальная линия, зачеркивающая содержимое</td>
+   </tr>
+   <tr>
+    <td><code>horizontalstrike</code></td>
+    <td><img alt="horizontalstrike" src="/files/3180/horizontalstrike.png"></td>
+    <td><math> <menclose notation="horizontalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>горизонтальная линия, зачеркивающая содержимое</td>
+   </tr>
+   <tr>
+    <td><code>madruwb</code></td>
+    <td><img alt="madruwb" src="/files/3181/madruwb.png"></td>
+    <td><math> <menclose notation="madruwb"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td><a class="external" href="http://en.wikipedia.org/wiki/Modern_Arabic_mathematical_notation#Arithmetic_and_algebra" title="http://en.wikipedia.org/wiki/Modern_Arabic_mathematical_notation#Arithmetic_and_algebra">Арабский символ факториала</a></td>
+   </tr>
+   <tr>
+    <td><code>updiagonalarrow</code></td>
+    <td><img alt="" src="https://mdn.mozillademos.org/files/6255/updiagonalarrow.png" style="height: 38px; width: 83px;"></td>
+    <td><math> <menclose notation="updiagonalarrow"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>диагональная стрелка</td>
+   </tr>
+   <tr>
+    <td><code>phasorangle</code></td>
+    <td><img alt="Screenshot of the phasorangle notation" src="https://mdn.mozillademos.org/files/7851/phasorangle.png" style="height: 34px; width: 93px;"></td>
+    <td><math> <menclose notation="phasorangle"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
+    <td>угол</td>
+   </tr>
+  </tbody>
+ </table>
+ </dd>
+</dl>
+
+<h2 id="Примеры">Примеры</h2>
+
+<pre class="brush: html">&lt;math&gt;
+
+  &lt;menclose notation="circle box"&gt;
+    &lt;mi&gt; x &lt;/mi&gt;
+    &lt;mo&gt; + &lt;/mo&gt;
+    &lt;mi&gt; y &lt;/mi&gt;
+  &lt;/menclose&gt;
+
+&lt;/math&gt;</pre>
+
+<h2 id="Спецификации">Спецификации</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Спецификация</th>
+   <th scope="col">Статус</th>
+   <th scope="col">Комментарий</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('MathML3', 'chapter3.html#presm.menclose', 'menclose') }}</td>
+   <td>{{ Spec2('MathML3') }}</td>
+   <td>Текущая спецификация</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('MathML2', 'chapter3.html#presm.menclose', 'menclose') }}</td>
+   <td>{{ Spec2('MathML2') }}</td>
+   <td>Начальная спецификация</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2>
+
+<p> </p>
+
+<div class="hidden">Таблица совместимости на этой странице генерируется из структурированных данных. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам запрос.</div>
+
+<p>{{Compat("mathml.elements.menclose")}}</p>
+
+<p> </p>
+
+<h2 id="Специфика_Gecko">Специфика Gecko</h2>
+
+<ul>
+ <li>Дополнительные значения для атрибута <code>notation</code> были добавлены в следующих релизах:
+
+  <ul>
+   <li><code>madruwb</code> в Gecko 2.0 {{GeckoRelease("2.0")}}.</li>
+   <li><code>updiagonalarrow</code> в Gecko 24.0 {{GeckoRelease("24.0")}}</li>
+   <li><code>phasorangle</code> в Gecko 32.0 {{GeckoRelease("32.0")}}</li>
+  </ul>
+ </li>
+</ul>
diff --git a/files/ru/web/mathml/element/merror/index.html b/files/ru/web/mathml/element/merror/index.html
new file mode 100644
index 0000000000..78db2d09bd
--- /dev/null
+++ b/files/ru/web/mathml/element/merror/index.html
@@ -0,0 +1,77 @@
+---
+title: <merror>
+slug: Web/MathML/Element/merror
+tags:
+  - MathML
+  - MathML Reference
+  - 'MathML:Element'
+  - 'MathML:General Layout Schemata'
+translation_of: Web/MathML/Element/merror
+---
+<div>{{MathMLRef}}</div>
+
+<p class="summary">Элемент MathML <code>&lt;merror&gt;</code> используется для отображения содержимого в виде сообщений об ошибках. В Firefox это сообщение об ошибке отображается аналогично типичному сообщению об ошибке XML. Обратите внимание, что эта ошибка <strong>не</strong> выдается, если ваша разметка MathML неверна или неправильно сформирован XML. Вы все равно получите ошибку разбора XML (в случае XHTML-нотации MathML), которая не имеет ничего общего с <code>&lt;merror&gt;</code>.</p>
+
+<h2 id="Атрибуты">Атрибуты</h2>
+
+<dl>
+ <dt id="attr-class-id-style">class, id, style</dt>
+ <dd>Предполагается использование с <a href="/ru/docs/CSS">таблицами стилей</a>.</dd>
+ <dt id="attr-href">href</dt>
+ <dd>Используется для установки гиперссылки на указанный URI.</dd>
+ <dt id="attr-mathbackground">mathbackground</dt>
+ <dd>Цвет фона. Ты можешь использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/CSS/color_value#Color_Keywords">имена цветов HTML</a>.</dd>
+ <dt id="attr-mathcolor">mathcolor</dt>
+ <dd>Цвет текста, а также цвет линии дроби. Вы можете использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/CSS/color_value#Color_Keywords">имена цветов HTML</a>.</dd>
+</dl>
+
+<h2 id="Примеры">Примеры</h2>
+
+<pre class="brush: html">&lt;math&gt;
+
+&lt;merror&gt;
+  &lt;mrow&gt;
+    &lt;mtext&gt; Деление на ноль: &lt;/mtext&gt;
+    &lt;mfrac&gt;
+      &lt;mn&gt; 1 &lt;/mn&gt;
+      &lt;mn&gt; 0 &lt;/mn&gt;
+    &lt;/mfrac&gt;
+  &lt;/mrow&gt;
+&lt;/merror&gt;
+
+&lt;/math&gt;
+</pre>
+
+<h2 id="Спецификации">Спецификации</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Спецификация</th>
+   <th scope="col">Статус</th>
+   <th scope="col">Комментарий</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('MathML3', 'chapter3.html#presm.merror', 'merror') }}</td>
+   <td>{{ Spec2('MathML3') }}</td>
+   <td>Текущая спецификация</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('MathML2', 'chapter3.html#presm.merror', 'merror') }}</td>
+   <td>{{ Spec2('MathML2') }}</td>
+   <td>Начальная спецификация</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2>
+
+<p> </p>
+
+
+
+<p>{{Compat("mathml.elements.merror")}}</p>
+
+<p> </p>
diff --git a/files/ru/web/mathml/element/mfenced/index.html b/files/ru/web/mathml/element/mfenced/index.html
new file mode 100644
index 0000000000..aea81d155f
--- /dev/null
+++ b/files/ru/web/mathml/element/mfenced/index.html
@@ -0,0 +1,97 @@
+---
+title: <mfenced>
+slug: Web/MathML/Element/mfenced
+translation_of: Web/MathML/Element/mfenced
+---
+<div>{{MathMLRef}}</div>
+
+<p class="summary">Элемент MathML <code>&lt;mfenced&gt;</code> обеспечивает возможность добавить по выбору открывающие и закрывающие скобки (например, квадратные) и разделители (например, запятую или точку с запятой) </p>
+
+<h2 id="Атрибуты">Атрибуты</h2>
+
+<dl>
+ <dt id="attr-class-id-style">class, id, style</dt>
+ <dd>Предполагается использование с <a href="/ru/docs/CSS">таблицами стилей</a>.</dd>
+ <dt id="attr-close">close</dt>
+ <dd>Строка для закрывающего разделителя. Значением по умолчанию является <code>")"</code> и все пробелы обрезаются.</dd>
+ <dt id="attr-href">href</dt>
+ <dd>Используется для установки гиперссылки на указанный URI.</dd>
+ <dt id="attr-mathbackground">mathbackground</dt>
+ <dd>Цвет фона. Вы можете использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/CSS/color_value#Color_Keywords">имена цветов HTML</a>.</dd>
+ <dt id="attr-mathcolor">mathcolor</dt>
+ <dd>Цвет текста и также цвет линии дроби. Вы можете использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/CSS/color_value#Color_Keywords">имена цветов HTML</a>.</dd>
+ <dt id="attr-open">open</dt>
+ <dd>Строка для открывающего разделителя. Значением по умолчанию является <code>"("</code> и все пробелы обрезаются.</dd>
+ <dt id="attr-separators">separators</dt>
+ <dd>A sequence of zero or more characters to be used for different separators, optionally divided by white space, which is ignored. The default value is ",". By specifying more than one character, it is possible to set different separators for each argument in the expression. If there are too many separators, all excess is ignored. If there are too few separators in the expression, the last specified separator is repeated.</dd>
+</dl>
+
+<h2 id="Examples">Examples</h2>
+
+<h3 id="The_last_separator_is_repeated_()">The last separator is repeated (<code>,</code>)</h3>
+
+<p>Sample rendering: <img alt="{a;b;c,d,e}" src="/files/3193/mfenced01.png"></p>
+
+<p>Rendering in your browser: <math> <mfenced close="}" open="{" separators=";;,"> <mi>a</mi> <mi>b</mi> <mi>c</mi> <mi>d</mi> <mi>e</mi> </mfenced> </math></p>
+
+<pre class="brush: html">&lt;math&gt;
+  &lt;mfenced open="{" close="}" separators=";;,"&gt;
+    &lt;mi&gt;a&lt;/mi&gt;
+    &lt;mi&gt;b&lt;/mi&gt;
+    &lt;mi&gt;c&lt;/mi&gt;
+    &lt;mi&gt;d&lt;/mi&gt;
+    &lt;mi&gt;e&lt;/mi&gt;
+  &lt;/mfenced&gt;
+&lt;/math&gt;
+</pre>
+
+<h3 id="All_excess_is_ignored_()">All excess is ignored (<code>,</code>)</h3>
+
+<p>Sample rendering: <img alt="[a|b|c|d|e]" src="/files/3195/mfenced02.png"></p>
+
+<p>Rendering in your browser: <math> <mfenced close="]" open="[" separators="||||,"> <mi>a</mi> <mi>b</mi> <mi>c</mi> <mi>d</mi> <mi>e</mi> </mfenced> </math></p>
+
+<pre class="brush: html">&lt;math&gt;
+  &lt;mfenced open="[" close="]" separators="||||,"&gt;
+    &lt;mi&gt;a&lt;/mi&gt;
+    &lt;mi&gt;b&lt;/mi&gt;
+    &lt;mi&gt;c&lt;/mi&gt;
+    &lt;mi&gt;d&lt;/mi&gt;
+    &lt;mi&gt;e&lt;/mi&gt;
+  &lt;/mfenced&gt;
+&lt;/math&gt;
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('MathML3', 'chapter3.html#presm.mfenced', 'mfenced') }}</td>
+   <td>{{ Spec2('MathML3') }}</td>
+   <td>Current specification</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('MathML2', 'chapter3.html#presm.mfenced', 'mfenced') }}</td>
+   <td>{{ Spec2('MathML2') }}</td>
+   <td>Initial specification</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p> </p>
+
+
+
+<p>{{Compat("mathml.elements.mfenced")}}</p>
+
+<p> </p>
diff --git a/files/ru/web/mathml/element/mglyph/index.html b/files/ru/web/mathml/element/mglyph/index.html
new file mode 100644
index 0000000000..4c52c451b6
--- /dev/null
+++ b/files/ru/web/mathml/element/mglyph/index.html
@@ -0,0 +1,71 @@
+---
+title: <mglyph>
+slug: Web/MathML/Element/mglyph
+tags:
+  - MathML
+  - 'MathML:Element'
+  - Глиф
+  - Символ
+translation_of: Web/MathML/Element/mglyph
+---
+<div>{{MathMLRef}}</div>
+
+<p class="summary">Элемент <code>&lt;mglyph&gt;</code> разметки MathML используется для отображения нестандартных символов там, где существующиt символы Unicode недоступны. Его можно использовать в <a href="/en-US/docs/tag/MathML:Token%20Elements">элементах-токенах</a>.</p>
+
+<h2 id="Атрибуты">Атрибуты</h2>
+
+<dl>
+ <dt id="attr-alt">alt</dt>
+ <dd>Этот атрибут определяет альернативный текст, описывающий изображение. Пользователи увидят этот текст, если URL адрес изображения неправильный, изображение не в одном из <a href="/ru/docs/Web/HTML/Element/img#Поддерживаемые_форматы_изображений">поддерживаемых форматов</a> или пока изображение не будет загружено.</dd>
+ <dt id="attr-class-id-style">class, id, style</dt>
+ <dd>Предусмотрено для использования с <a href="/ru/docs/Web/CSS">таблицами стилей</a>.</dd>
+ <dt id="attr-height">height</dt>
+ <dd>Высота изображения.</dd>
+ <dt id="attr-href">href</dt>
+ <dd>Используется для установки гиперссылки на указанный URI.</dd>
+ <dt id="attr-mathbackground">mathbackground</dt>
+ <dd>Цвет фона (если изображение имеет прозрачность). Вы можете использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/Web/CSS/color_value">имена цветов HTML</a>.</dd>
+ <dt id="attr-src">src</dt>
+ <dd>URL изображения.</dd>
+ <dt id="attr-valign">valign</dt>
+ <dd>Задаёт вертикальное выравнивание относительно текущей базовой линии.</dd>
+ <dt id="attr-width">width</dt>
+ <dd>Ширина изображения.</dd>
+</dl>
+
+<h2 id="Пример">Пример</h2>
+
+<pre class="brush: html notranslate">&lt;math&gt;
+  &lt;mi&gt;&lt;mglyph src="my-glyph.png" alt="my glyph"/&gt;&lt;/mi&gt;
+&lt;/math&gt;
+</pre>
+
+<h2 id="Спецификации">Спецификации</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Спецификация</th>
+   <th scope="col">Статус</th>
+   <th scope="col">Комментарий</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('MathML3', 'chapter3.html#presm.mglyph', 'mglyph') }}</td>
+   <td>{{ Spec2('MathML3') }}</td>
+   <td>Текущая спецификация</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('MathML2', 'chapter3.html#presm.mglyph', 'mglyph') }}</td>
+   <td>{{ Spec2('MathML2') }}</td>
+   <td>Начальная спецификация</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2>
+
+
+
+<p>{{Compat("mathml.elements.mglyph")}}</p>
diff --git a/files/ru/web/mathml/element/mn/index.html b/files/ru/web/mathml/element/mn/index.html
new file mode 100644
index 0000000000..2d005c5036
--- /dev/null
+++ b/files/ru/web/mathml/element/mn/index.html
@@ -0,0 +1,136 @@
+---
+title: <mn>
+slug: Web/MathML/Element/mn
+tags:
+  - MathML
+  - 'MathML:Token Elements'
+  - Числовой литерал
+translation_of: Web/MathML/Element/mn
+---
+<div>{{MathMLRef}}</div>
+
+<p class="summary">Элемент <code>&lt;mn&gt;</code> разметки MathML представляет собой числовой литерал, который обычно является последовательностью цифр с возможным разделителем (точкой или запятой). Тем не менее, в нём также может быть произвольный текст, который на самом деле является числом, например "eleven" ("одиннадцать").</p>
+
+<h2 id="Атрибуты">Атрибуты</h2>
+
+<dl>
+ <dt id="attr-class-id-style">class, id, style</dt>
+ <dd>Предусмотрено для использования с <a href="/ru/docs/Web/CSS">таблицами стилей</a>.</dd>
+ <dt id="attr-dir">dir</dt>
+ <dd>Направление текста. Возможные значения: либо <code>ltr</code> (слева направо) или <code>rtl</code> (справа налево).</dd>
+ <dt id="attr-displaystyle"><code>displaystyle</code></dt>
+ <dd>Логическое значение, определяющее, используется ли большое вертикальное пространство для отображаемых уравнений; если установлено значение <code>false</code>, то используется более компактный макет. Основной эффект заключается в том, что отображаются более крупные версии операторов, когда <code>displaystyle</code> установлено на <code>true</code>. Смотри также <code>largeop</code> и <code>movablelimits</code> на {{ MathMLElement("mo") }}.</dd>
+ <dt id="attr-href">href</dt>
+ <dd>Используется для установки гиперссылки на указанный URI.</dd>
+ <dt id="attr-mathbackground">mathbackground</dt>
+ <dd>Цвет фона (если изображение имеет прозрачность). Вы можете использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/Web/CSS/color_value">имена цветов HTML</a>.</dd>
+ <dt id="attr-mathcolor">mathcolor</dt>
+ <dd>Цвет текста. Вы можете использовать <code>#rgb</code>, <code>#rrggbb</code> и <a href="/ru/docs/Web/CSS/color_value">имена цветов HTML</a>.</dd>
+ <dt id="attr-mathsize">mathsize</dt>
+ <dd>Размер контента. Смотрите <a href="https://wiki.developer.mozilla.org/ru/docs/Web/CSS/размер">length</a> для возможных значений.<br>
+ Устаревшие значения: <code>small</code>, <code>normal</code> и <code>big</code>. Они будут удалены в будущем.</dd>
+ <dt id="attr-mathvariant">mathvariant</dt>
+ <dd>Этот атрибут определяет логический класс числа, который варьируется в типографике.То есть, хотя имена предполагают типографский стиль для класса, семантически, элементы с одним и тем же классом обрабатываются «одинаково» в выражении, которое может включать или не включать отображение их с именованной типографикой. Допускаются следующие значения:
+ <ul>
+  <li><code>normal</code> (значение по умолчанию) ; <math><mn mathvariant="normal">Пример</mn></math></li>
+  <li><code>bold</code> ; <math><mn mathvariant="bold"><strong>Пример</strong></mn></math></li>
+  <li><code>italic</code> ; <em>Пример</em></li>
+  <li><code>bold-italic</code> ; <math><mn mathvariant="bold-italic"><em><strong>Пример</strong></em></mn></math></li>
+ </ul>
+
+ <ul>
+  <li><code>double-struck</code> ; <math><mn mathvariant="double-struck">Пример</mn></math></li>
+  <li><code>bold-fraktur</code> ; <math><mn mathvariant="bold-fraktur">Пример</mn></math></li>
+  <li><code>script</code> ; <math><mn mathvariant="script">Пример</mn></math></li>
+  <li><code>bold-script</code> ; <math><mn mathvariant="bold-script">Пример</mn></math></li>
+  <li><code>fraktur</code> ; <math><mn mathvariant="fraktur">Пример</mn></math></li>
+ </ul>
+
+ <ul>
+  <li><code>sans-serif</code> ; <math><mn mathvariant="sans-serif">Пример</mn></math></li>
+  <li><code>bold-sans-serif</code> ; <math><mn mathvariant="bold-sans-serif"><strong>Пример</strong></mn></math></li>
+  <li><code>sans-serif-italic</code> ; <math><mn mathvariant="sans-serif-italic"><em>Пример</em></mn></math></li>
+  <li><code>sans-serif-bold-italic</code> ; <math><mn mathvariant="sans-serif-bold-italic"><em><strong>Пример</strong></em></mn></math></li>
+  <li><code>monospace</code> ; <math><mn mathvariant="monospace">Пример</mn></math></li>
+ </ul>
+
+ <ul>
+  <li><code>initial</code> ; <math><mn mathvariant="initial">مثال</mn></math></li>
+  <li><code>tailed</code> ; <math><mn mathvariant="tailed">مثال</mn></math></li>
+  <li><code>looped</code> ; <math><mn mathvariant="looped">مثال</mn></math></li>
+  <li><code>stretched</code> ; <math><mn mathvariant="stretched">مثال</mn></math></li>
+ </ul>
+ </dd>
+</dl>
+
+<h2 id="Примеры">Примеры</h2>
+
+<pre class="brush: html notranslate">&lt;math&gt;
+
+  &lt;mn&gt; 0 &lt;/mn&gt;
+
+  &lt;mn&gt; 1.337 &lt;/mn&gt;
+
+  &lt;mn&gt; twelve &lt;/mn&gt;
+
+  &lt;mn&gt; XVI &lt;/mn&gt;
+
+  &lt;mn&gt; 2e10 &lt;/mn&gt;
+
+&lt;/math&gt;
+</pre>
+
+<h2 id="Спецификации">Спецификации</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Спецификация</th>
+   <th scope="col">Статус</th>
+   <th scope="col">Комментарий</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("MathMLCore", "#number-mn", "mn")}}</td>
+   <td>{{Spec2("MathMLCore")}}</td>
+   <td>Проект спецификации</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('MathML3', 'chapter3.html#presm.mn', 'mn') }}</td>
+   <td>{{ Spec2('MathML3') }}</td>
+   <td>Текущая спецификация</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('MathML2', 'chapter3.html#presm.mn', 'mn') }}</td>
+   <td>{{ Spec2('MathML2') }}</td>
+   <td>Начальная спецификация</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2>
+
+
+
+<p>{{Compat("mathml.elements.mn")}}</p>
+
+<h2 id="Особенности_ядра_Gecko">Особенности ядра Gecko</h2>
+
+<ul>
+ <li>Некоторые значения <code>mathvariant</code> реализованы только начиная с Gecko 28.0 {{ geckoRelease("28.0") }} и требуют соответствующих <a href="/en-US/docs/Mozilla/MathML_Project/Fonts">математических шрифтов</a>.</li>
+</ul>
+
+<div class="jfk-bubble gtx-bubble" style="">
+<div class="jfk-bubble-content-id" id="bubble-35">
+<div id="gtx-host" style="max-width: 400px;"></div>
+</div>
+
+<div class="jfk-bubble-closebtn-id jfk-bubble-closebtn"></div>
+
+<div class="jfk-bubble-arrow-id jfk-bubble-arrow jfk-bubble-arrowup" style="left: 15px;">
+<div class="jfk-bubble-arrowimplbefore"></div>
+
+<div class="jfk-bubble-arrowimplafter"></div>
+</div>
+</div>
diff --git a/files/ru/web/mathml/element/mstyle/index.html b/files/ru/web/mathml/element/mstyle/index.html
new file mode 100644
index 0000000000..66b1d82dda
--- /dev/null
+++ b/files/ru/web/mathml/element/mstyle/index.html
@@ -0,0 +1,141 @@
+---
+title: <mstyle>
+slug: Web/MathML/Element/mstyle
+tags:
+  - MathML
+  - 'MathML:Element'
+translation_of: Web/MathML/Element/mstyle
+---
+<div>{{MathMLRef}}</div>
+
+<p class="summary">Элемент <code>&lt;mstyle&gt;</code> разметки MathML используется для изменения стиля его дочерних элементов. Он принимает все атрибуты всех элементов представления MathML, за некоторыми исключениями и c дополнительными атрибутами, перечисленными ниже.</p>
+
+<h2 id="Атрибуты">Атрибуты</h2>
+
+<dl>
+ <dt id="attr-dir"><code>dir</code></dt>
+ <dd>Общая направленность формулы. Возможные значения: либо <code>ltr</code> (слева направо), либо <code>rtl</code> (справа налево).</dd>
+ <dt id="attr-decimalpoint"><code>decimalpoint</code></dt>
+ <dd>Этот атрибут определяет символ для точки выравнивания внутри {{ MathMLElement("mstack") }} и {{ MathMLElement("mtable") }} столбцов, если значение <code>decimalpoint</code> используется для определения выравнивания.</dd>
+ <dt id="attr-displaystyle"><code>displaystyle</code></dt>
+ <dd>Логическое значение, определяющее, используется ли большое вертикальное пространство для отображаемых уравнений; если установлено значение <code>false</code>, то используется более компактный макет. Основной эффект заключается в том, что отображаются более крупные версии операторов, когда <code>displaystyle</code> установлено на <code>true</code>. Смотри также <code>largeop</code> и <code>movablelimits</code> на {{ MathMLElement("mo") }}.</dd>
+ <dt id="attr-infixlinebreakstyle"><code>infixlinebreakstyle</code></dt>
+ <dd>Задаёт <code>linebreakstyle</code> по умолчанию для использования в инфиксных операторах. Допустимы значения <code>before</code>, <code>after</code> и <code>duplicate</code>.</dd>
+ <dt id="attr-scriptlevel"><code>scriptlevel</code></dt>
+ <dd>В основном контроллирует размер шрифта. Чем больше значение <code>scriptlevel</code>, тем меньше размер шрифта. Этот атрибут поддерживает неотрицательные целые числа, а также знаки "+" или "-", которые увеличивают или уменьшают текущее значение соответственно. Кроме того, атрибут <code>scriptlevel</code> никогда не может уменьшить размер шрифта ниже значения <code>scriptminsize</code> во избежание нечитабельных мелких шрифтов и зависит от множителя, определённого в <code>scriptsizemultiplier</code>.</dd>
+ <dt id="attr-scriptminsize"><code>scriptminsize</code></dt>
+ <dd>Определяет минимальный размер шрифта, допустимый для изменений атрибутом <code>scriptlevel</code>. Значение по умолчанию: 8pt.</dd>
+ <dt id="attr-scriptsizemultiplier"><code>scriptsizemultiplier</code></dt>
+ <dd>Определяет множитель, используемый для настройки размера шрифта в <code>scriptlevel</code>. Значение по умолчанию: 0.71.</dd>
+</dl>
+
+<p>Элемент <code>&lt;mstyle&gt;</code> принимает <a href="/en-US/docs/MathML/Attributes">все атрибуты</a> всех элементов представления, за исключением:</p>
+
+<ul>
+ <li><code>height</code>, <code>depth</code> или <code>width</code> не применимы к {{ MathMLELement("mglyph") }}, {{ MathMLELement("mpadded") }} или {{ MathMLELement("mtable") }}.</li>
+ <li><code>rowalign</code>, <code>columnalign</code> или <code>groupalign</code> не применимы {{ MathMLELement("mtr") }}, {{ MathMLELement("mlabeledtr") }}, {{ MathMLELement("mtd") }} или {{ MathMLELement("maligngroup") }}.</li>
+ <li><code>lspace</code> или <code>voffset</code> не применимы к {{ MathMLELement("mpadded") }}.</li>
+ <li><code>fontfamily</code> не применим к {{ MathMLELement("mglyph") }}.</li>
+ <li><code>align</code> не применим к {{ MathMLELement("mtable") }} или {{ MathMLELement("mstack") }}.</li>
+ <li><code>index</code> не может быть установлен на <code>&lt;mstyle&gt;</code>.</li>
+ <li><code>src</code> и <code>alt</code> на {{ MathMLElement("mglyph" ) }} не могут быть установлены на <code>&lt;mstyle&gt;</code>.</li>
+ <li><code>actiontype</code> на {{ MathMLElement("maction") }} не может быть установлен на <code>&lt;mstyle&gt;</code>.</li>
+</ul>
+
+<h2 id="Примеры">Примеры</h2>
+
+<p>Использование <code>displaystyle</code> и <code>mathcolor</code> для изменения стиля макета всей суммы.</p>
+
+<pre class="brush: html notranslate">&lt;math&gt;
+
+  &lt;mstyle displaystyle="true" mathcolor="teal"&gt;
+    &lt;mrow&gt;
+
+      &lt;munderover&gt;
+        &lt;mo stretchy="true" form="prefix"&gt;&amp;sum;&lt;/mo&gt;
+        &lt;mrow&gt;
+          &lt;mi&gt;i&lt;/mi&gt;
+          &lt;mo form="infix"&gt;=&lt;/mo&gt;
+          &lt;mn&gt;1&lt;/mn&gt;
+        &lt;/mrow&gt;
+        &lt;mi&gt;n&lt;/mi&gt;
+      &lt;/munderover&gt;
+
+      &lt;mstyle displaystyle="true"&gt;
+        &lt;mfrac&gt;
+          &lt;mn&gt;1&lt;/mn&gt;
+          &lt;mi&gt;n&lt;/mi&gt;
+        &lt;/mfrac&gt;
+      &lt;/mstyle&gt;
+
+    &lt;/mrow&gt;
+  &lt;/mstyle&gt;
+
+&lt;/math&gt;
+</pre>
+
+<h2 id="Характеристики">Характеристики</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Характеристика</th>
+   <th scope="col">Статус</th>
+   <th scope="col">Комментарий</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("MathMLCore", "#style-change-mstyle", "mstyle")}}</td>
+   <td>{{Spec2("MathMLCore")}}</td>
+   <td>Проект спецификации</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('MathML3', 'chapter3.html#presm.mstyle', 'mstyle') }}</td>
+   <td>{{ Spec2('MathML3') }}</td>
+   <td>Текущая спецификация</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('MathML2', 'chapter3.html#presm.mstyle', 'mstyle') }}</td>
+   <td>{{ Spec2('MathML2') }}</td>
+   <td>Начальная спецификация</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2>
+
+
+
+<p>{{Compat("mathml.elements.mstyle")}}</p>
+
+<h2 id="Особенности_ядра_Gecko">Особенности ядра Gecko</h2>
+
+<ul>
+ <li>До Gecko 6.0 {{ geckoRelease("6.0") }} реализация <code>&lt;mstyle&gt;</code> не была завершена и <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=569125">была исправлена</a>. В частности, установка этих атрибутов в <code>mstyle</code> не влияла на его дочерние элементы:
+
+  <ul>
+   <li>Атрибут <code>bevelled</code> на элементы {{ MathMLElement("mfrac") }}.</li>
+   <li>Атрибут <code>notation</code> на элементы {{ MathMLElement("menclose") }}.</li>
+   <li>Атрибуты <code>open</code>, <code>close</code> и <code>separators</code> на элементы {{ MathMLElement("mfenced") }}.</li>
+   <li>Атрибуты <code>accent</code> и <code>accentunder</code> на элементы {{ MathMLElement("mover") }}, {{ MathMLElement("munder") }} и {{ MathMLElement("munderover") }}.</li>
+   <li>Атрибут <code>selection</code> на элементы {{ MathMLElement("maction") }}.</li>
+   <li>Атрибут <code>mathvariant</code> на элементы {{ MathMLElement("mi") }}.</li>
+  </ul>
+ </li>
+ <li>Начиная с Gecko 29.0 {{geckoRelease("29.0")}}, атрибуты, принятые в элементе <code>&lt;mstyle&gt;</code> ограничены фактически используемыми на практике: <code>id, class, style, href, mathcolor, mathbackground, scriptlevel, displaystyle, scriptsizemultiplier, scriptminsize, dir, mathsize, mathvariant, fontfamily, fontweight, fontstyle, fontsize, color, background</code>.</li>
+</ul>
+
+<div class="jfk-bubble gtx-bubble" style="">
+<div class="jfk-bubble-content-id" id="bubble-40">
+<div id="gtx-host" style="max-width: 400px;"></div>
+</div>
+
+<div class="jfk-bubble-closebtn-id jfk-bubble-closebtn"></div>
+
+<div class="jfk-bubble-arrow-id jfk-bubble-arrow jfk-bubble-arrowup" style="left: 15px;">
+<div class="jfk-bubble-arrowimplbefore"></div>
+
+<div class="jfk-bubble-arrowimplafter"></div>
+</div>
+</div>
diff --git a/files/ru/web/mathml/index.html b/files/ru/web/mathml/index.html
new file mode 100644
index 0000000000..ed4b2cc037
--- /dev/null
+++ b/files/ru/web/mathml/index.html
@@ -0,0 +1,124 @@
+---
+title: MathML
+slug: Web/MathML
+tags:
+  - Landing
+  - MathML
+  - Reference
+  - Référence(2)
+  - TopicStub
+  - Web
+  - XML
+translation_of: Web/MathML
+---
+<p><strong>Mathematical Markup Language (MathML)</strong> разновидность языка разметки <a href="/ru/docs/XML" title="/ru/docs/XML">XML</a>, предназначенная для построения математических выражений с сохранением их структуры и содержания. Здесь Вы найдёте ссылки к документации, примеры и инструменты, которые помогут Вам работать с этой мощной технологией. Для быстрого обзора - смотрите <a href="http://fred-wang.github.io/MozSummitMathML/index.html">слайды для выставки инноваций на саммите Mozilla 2013</a>.</p>
+
+<div class="row topicpage-table">
+<div class="section">
+<h2 class="Documentation" id="Documentation" name="Documentation">Справочные данные по MathML</h2>
+
+<dl>
+ <dt><a href="/ru/docs/Web/MathML/Element" title="/ru/docs/Web/MathML/Element">Справка по элементам MathML</a></dt>
+ <dd>Детальная информация о каждом элементе MathML, а также информация по совместимости для настольных и мобильных браузеров.</dd>
+ <dt><a href="/ru/docs/Web/MathML/Attribute" title="/ru/docs/Web/MathML/Attribute">Справка по аттрибутам MathML</a></dt>
+ <dd>Информация по аттрибутам MathML, которые могут изменять внешний вид или поведение элементов.</dd>
+ <dt><a href="/ru/docs/Web/MathML/Examples" title="/ru/docs/Web/MathML/Examples">Примеры MathML</a></dt>
+ <dd>Примеры и образцы работы технологии MathML, которые помогут Вам понять её принципы.</dd>
+ <dt><a href="/ru/docs/Web/MathML/Authoring" title="/ru/docs/Web/MathML/Authoring">Средство разработки MathML</a></dt>
+ <dd>Предложения и советы по написанию на MathML, включая рекомендации по редакторам MathML, а также информация о том как интегрировать результат в Web контент.</dd>
+</dl>
+
+<p><span class="alllinks"><a href="/ru/docs/tag/MathML" title="/ru/docs/tag/CSS">Смотреть всё...</a></span></p>
+</div>
+
+<div class="section">
+<h2 class="Community" id="Получение_помощи_из_сообщества">Получение помощи из сообщества</h2>
+
+<ul>
+ <li>Смотреть форумы Mozilla...<br>
+  {{ DiscussionList("dev-tech-mathml", "mozilla.dev.tech.mathml") }}</li>
+ <li><a class="link-irc" href="irc://irc.mozilla.org/%23mathml" rel="external" title="irc://irc.mozilla.org/%23mathml">IRC канал</a></li>
+ <li><a class="link-https" href="https://wiki.mozilla.org/MathML:Home_Page">Wiki от авторов Mozilla</a></li>
+ <li><a href="http://www.w3.org/Math/" title="http://www.w3.org/Math/">Домашняя страница W3C Math</a></li>
+ <li><a href="http://lists.w3.org/Archives/Public/www-math/" title="http://lists.w3.org/Archives/Public/www-math/">Почтовый архив www-math w3.org</a></li>
+</ul>
+
+<h2 class="Tools" id="Инструменты">Инструменты</h2>
+
+<ul>
+ <li><a class="external" href="http://validator.w3.org">W3C Validator (проверка online)</a></li>
+ <li><a class="link-https" href="https://addons.mozilla.org/de/firefox/addon/8969/">Дополнение FireMath к Firefox</a></li>
+ <li><a href="https://addons.mozilla.org/firefox/collections/fred_wang/mathzilla/" title="https://addons.mozilla.org/firefox/collections/fred_wang/mathzilla/">Коллекция дополнений к Mathzilla Firefox </a></li>
+ <li><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> - Javascript конвертер LaTeX в MathML (<a href="http://fred-wang.github.io/TeXZilla/">живая демонстрация</a>, <a href="http://r-gaia-cs.github.io/TeXZilla-webapp/">web-приложение Firefox OS</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/texzilla/">дополнение к Firefox</a>, <a href="https://github.com/fred-wang/TeXZilla/wiki/Using-TeXZilla">использование в Web странице, программа на JS, и.т.п.</a>)</li>
+ <li><a href="http://dlmf.nist.gov/LaTeXML/" title="http://dlmf.nist.gov/LaTeXML/">LaTeXML</a> - Конвертация документов LaTeX в HTML+MathML Web-страницы</li>
+ <li><a href="http://webdemo.visionobjects.com/home.html#equation" title="http://webdemo.visionobjects.com/equation.html">Web Equation</a> - Вставка рукописных формул в MathML или LaTeX</li>
+ <li><a href="http://www.mathjax.org/" title="http://www.mathjax.org/">MathJax</a> - Кросс-платформенное средство отображения математического контента на JavaScript. Для ускорения MathJax c использованием нативного MathML, испытайте <a href="https://addons.mozilla.org/en-US/firefox/addon/mathjax-native-mathml/">это дополнение для Mozilla</a>, это <a href="http://fred-wang.github.io/mathjax-native-mathml-safari/mathjax-native-mathml.safariextz">расширение для Safari </a>или этот <a href="https://openuserjs.org/scripts/fred.wang/MathJax_Native_MathML/">скрипт для GreaseMonkey</a>.</li>
+</ul>
+
+<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Похожие темы</h2>
+
+<ul>
+ <li><a href="/ru/docs/Web/CSS" title="/ru/docs/Web/CSS">CSS</a></li>
+ <li><a href="/ru/docs/Web/HTML" title="/ru/docs/Web/HTML">HTML</a></li>
+ <li><a href="/ru/docs/Web/SVG" title="/ru/docs/Web/SVG">SVG</a></li>
+</ul>
+</div>
+</div>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Совместимость браузеров</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table" style="height: 91px; width: 772px;">
+ <tbody>
+  <tr>
+   <th>Особенность</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Базовая поддержка</td>
+   <td>с плагинами</td>
+   <td>{{CompatGeckoDesktop("1.8")}}</td>
+   <td>с плагинами</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Особенность</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Базовая поддержка</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.8")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div>
+<h3 id="sect1"></h3>
+
+<h3 id="Примечания_по_Gecko">Примечания по Gecko:</h3>
+
+<p>Начиная с Firefox 1.5, основная часть изложения разметки от <a class="external" href="http://www.w3.org/TR/MathML2/">MathML 2.0 W3C Recommendation</a> поддерживается всеми платформами. Поддержка для <a class="external" href="http://www.w3.org/TR/MathML3/" title="http://www.w3.org/TR/MathML3/">MathML 3</a> находится <a href="/ru/docs/Mozilla_MathML_Project/Status" title="/ru/docs/Mozilla_MathML_Project/Status">в стадии разработки</a>.</p>
+</div>
diff --git a/files/ru/web/mathml/примеры/deriving_the_quadratic_formula/index.html b/files/ru/web/mathml/примеры/deriving_the_quadratic_formula/index.html
new file mode 100644
index 0000000000..16bfc22d61
--- /dev/null
+++ b/files/ru/web/mathml/примеры/deriving_the_quadratic_formula/index.html
@@ -0,0 +1,18 @@
+---
+title: 'MathML: Вывод Квадратичной Формулы'
+slug: Web/MathML/Примеры/Deriving_the_Quadratic_Formula
+tags:
+  - Beginner
+  - Education
+  - Example
+  - Guide
+  - HTML5
+  - MathML
+  - NeedsBeginnerUpdate
+translation_of: Web/MathML/Examples/Deriving_the_Quadratic_Formula
+---
+<p><span class="seoSummary">На этой странице описывается вывод Квадратичной Формулы.</span></p>
+
+<p><math><mtable columnalign="left"><mtr><mtd><mrow><mrow><mrow><mrow>Мы берем квадратное уравнение в его общем виде и решаем для х:<mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace></mrow></mrow></mrow></mrow></mtd></mtr></mtable></math></p>
+
+<p><math><mtable columnalign="left"><mtr><mtd><mrow><mrow><mrow><mrow> <mi>a</mi> <mo>⁢</mo> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mi>b</mi> <mo>⁢</mo> <mi>x</mi> </mrow> <mo> + </mo> <mi>c</mi> </mrow> <mo>=</mo> <mn>0</mn> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mi>a</mi> <mo>⁢</mo> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mi>b</mi> <mo>⁢</mo> <mi>x</mi> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> </mrow> <mo>=</mo> <mo>-</mo><mi> c</mi><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mi>a</mi> </mfrac> <mo>⁤</mo> <mi>x</mi> </mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mo>=</mo> <mfrac> <mrow> <mo>-</mo><mi>c</mi> </mrow> <mi>a</mi> </mfrac> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">Делим на главный коэффициент.</mtext> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mi>a</mi> </mfrac> <mo>⁤</mo> <mi>x</mi> <mo> + </mo> <msup> <mfenced> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow> </mfrac> </mfenced> <mn>2</mn> </msup> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo> <mi>c</mi> <mo>(</mo> <mn>4</mn> <mi>a</mi> <mo>)</mo> </mrow> <mrow> <mi>a</mi> <mo>(</mo> <mn>4</mn> <mi>a</mi> <mo>)</mo> </mrow></mfrac> </mrow> <mo> + </mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">Дополняем до квадрата.</mtext> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> <mo>=</mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">Получен дискриминант.</mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mrow> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> </mrow> <mn>2</mn> </msup> <mo>=</mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> </mrow> <mo>=</mo> <msqrt> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </msqrt> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo><mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>±</mo><mrow><mo>{</mo><mi>C</mi><mo>}</mo></mrow> <msqrt> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </msqrt> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">Это основная формула.</mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo> <mi> b</mi> <mo>±</mo><mrow><mo>{</mo><mi>C</mi><mo>}</mo></mrow> <msqrt> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </msqrt></mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace> <mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> </mtable></math></p>
diff --git a/files/ru/web/mathml/примеры/index.html b/files/ru/web/mathml/примеры/index.html
new file mode 100644
index 0000000000..abc8097197
--- /dev/null
+++ b/files/ru/web/mathml/примеры/index.html
@@ -0,0 +1,26 @@
+---
+title: Примеры
+slug: Web/MathML/Примеры
+tags:
+  - MathML
+  - Гайд
+  - Начинайющий
+  - НеобходимоОбновлениеДляНачинающих
+translation_of: Web/MathML/Examples
+---
+<p><span class="translation-chunk">Ниже Вы найдете некоторые примеры, которые помогут Вам понять, как использовать MathML для отображения более сложных математических понятий в веб содержимом.</span></p>
+
+<dl>
+ <dt><a href="/ru-RU/docs/Web/MathML/Examples/MathML_Pythagorean_Theorem">Теорема Пифагора</a></dt>
+ <dd>
+ <div class="textinput textlayer translation state-fadeaway" id="translation"><span class="translation-chunk">Небольшой</span><span class="translation-chunk"> </span><span class="translation-chunk">пример, демонстрирующий</span><span class="translation-chunk"> </span><span class="translation-chunk">доказательство теоремы Пифагора</span><span class="translation-chunk">.</span></div>
+ </dd>
+ <dt><a href="/ru-RU/docs/Web/MathML/Examples/Deriving_the_Quadratic_Formula">Вывод квадратичной формулы</a></dt>
+ <dd>
+ <div class="textinput textlayer translation state-fadeaway" id="translation"><span class="translation-chunk">Излагается</span><span class="translation-chunk"> </span><span class="translation-chunk">вывод</span><span class="translation-chunk"> </span><span class="translation-chunk">Квадратичной Формулы</span><span class="translation-chunk">.</span></div>
+ </dd>
+ <dt><a href="/ru-RU/docs/Mozilla/MathML_Project/MathML_Torture_Test">Мучительный тест MathML</a></dt>
+ <dd>
+ <div class="textinput textlayer translation state-fadeaway" id="translation"><span class="translation-chunk">Большой</span><span class="translation-chunk"> </span><span class="translation-chunk">набор тестов</span><span class="translation-chunk"> </span><span class="translation-chunk">разметки</span><span class="translation-chunk">.</span></div>
+ </dd>
+</dl>
diff --git a/files/ru/web/mathml/примеры/mathml_pythagorean_theorem/index.html b/files/ru/web/mathml/примеры/mathml_pythagorean_theorem/index.html
new file mode 100644
index 0000000000..7a8599e2e0
--- /dev/null
+++ b/files/ru/web/mathml/примеры/mathml_pythagorean_theorem/index.html
@@ -0,0 +1,26 @@
+---
+title: Доказательство теоремы Пифагора
+slug: Web/MathML/Примеры/MathML_Pythagorean_Theorem
+tags:
+  - Beginner
+  - Example
+  - Guide
+  - HTML5 Math
+  - Math education
+  - MathML
+  - NeedsBeginnerUpdate
+translation_of: Web/MathML/Examples/MathML_Pythagorean_Theorem
+---
+<p>Сейчас мы докажем Теорему Пифагора:</p>
+
+<p><strong>Утверждение</strong>: В прямоугольном треугольнике квадрат гипотенузы равен сумме квадратов двух других сторон (катетов).</p>
+
+<p>То есть, если <math><semantics><mi>a</mi><annotation encoding="TeX">a</annotation></semantics></math> и <math><semantics><mi>b</mi><annotation encoding="TeX">b</annotation></semantics></math> - катеты, а <math><semantics><mi>c</mi><annotation encoding="TeX">c</annotation></semantics></math> - гипотенуза, то <math><semantics><mrow><msup><mi>a</mi><mn>2</mn></msup><mo>+</mo><msup><mi>b</mi><mn>2</mn></msup><mo>=</mo><msup><mi>c</mi><mn>2</mn></msup></mrow><annotation encoding="TeX">a^2 + b^2 = c^2</annotation></semantics></math>.</p>
+
+<p><strong><u>Доказательство:</u></strong> Мы можем доказать теорему алгебраически, показав, что площадь большого квадрата равна площади внутреннего квадрата (квадрата гипотенузы) плюс площадь четырех треугольников:</p>
+
+<p><math><semantics><mrow><mo stretchy="false">(</mo><mi>a</mi><mo>+</mo><mi>b</mi><msup><mo stretchy="false">)</mo><mn>2</mn></msup><mo>=</mo><msup><mi>c</mi><mn>2</mn></msup><mo>+</mo><mn>4</mn><mo>⋅</mo><mrow><mo>(</mo><mrow><mfrac><mn>1</mn><mn>2</mn></mfrac><mo>⋅</mo><mi>a</mi><mi>b</mi></mrow><mo>)</mo></mrow></mrow><annotation encoding="TeX">(a + b)^2 = c^2 + 4 \cdot \left( \frac{1}{2} \cdot ab \right) </annotation></semantics></math></p>
+
+<p><math><semantics><mrow><msup><mi>a</mi><mn>2</mn></msup><mo>+</mo><mn>2</mn><mo>⋅</mo><mi>a</mi><mi>b</mi><mo>+</mo><msup><mi>b</mi><mn>2</mn></msup><mo>=</mo><msup><mi>c</mi><mn>2</mn></msup><mo>+</mo><mn>2</mn><mo>⋅</mo><mi>a</mi><mi>b</mi></mrow><annotation encoding="TeX">a^2 + 2 \cdot ab + b^2 = c^2 + 2 \cdot ab</annotation></semantics></math></p>
+
+<p><math><semantics><mrow><msup><mi>a</mi><mn>2</mn></msup><mo>+</mo><msup><mi>b</mi><mn>2</mn></msup><mo>=</mo><msup><mi>c</mi><mn>2</mn></msup></mrow><annotation encoding="TeX">a^2 + b^2 = c^2</annotation></semantics></math></p>
author	Peter Bengtsson <mail@peterbe.com>	2020-12-08 14:42:52 -0500
committer	Peter Bengtsson <mail@peterbe.com>	2020-12-08 14:42:52 -0500
commit	074785cea106179cb3305637055ab0a009ca74f2 (patch)
tree	e6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/ru/web/mathml
parent	da78a9e329e272dedb2400b79a3bdeebff387d47 (diff)
download	translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2 translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip