---
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>