Элемент <mphantom> применяется для создания «фантомного» элемента, который не отображается на экране, но сохраняет своё место в макете. Это полезно для выравнивания выражений, создания пробелов, отступов и других целей форматирования.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>MPHANTOM</title>
<style>
math {
font-size: 1.2em;
}
mtd {
text-align: left;
}
</style>
</head>
<body>
<math display="block">
<mtable>
<mtr>
<mtd><msqrt><mn>147</mn></msqrt><mo>=</mo>
<msqrt><mrow><mn>49</mn><mo>·</mo><mn>3</mn></mrow></msqrt></mtd>
</mtr>
<mtr>
<mtd><mphantom><msqrt><mn>147</mn></msqrt></mphantom><mo>=</mo>
<msqrt><mn>49</mn></msqrt><mo>·</mo><msqrt><mn>3</mn></msqrt>
</mtd>
</mtr>
<mtr>
<mtd><mphantom><msqrt><mn>147</mn></msqrt></mphantom><mo>=</mo>
<mn>7</mn><msqrt><mn>3</mn></msqrt>
</mtd>
</mtr>
</mtable>
</math>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>MPHANTON</title>
<style>
math {
font-size: 1.2em;
}
</style>
</head>
<body>
<p>Решите систему уравнений:</p>
<math display="block">
<mrow>
<mo fence="true" form="prefix">{</mo>
<mtable>
<mtr>
<mtd>
<msub><mi>x</mi><mn>1</mn></msub><mo>+</mo>
<msub><mi>x</mi><mn>2</mn></msub><mo>+</mo>
<msub><mi>x</mi><mn>3</mn></msub><mo>+</mo>
<msub><mi>x</mi><mn>4</mn></msub><mo>=</mo>
<mn>1</mn><mo separator="true">,</mo>
</mtd>
</mtr>
<mtr>
<mtd>
<msub><mi>x</mi><mn>1</mn></msub><mo>+</mo>
<msub><mi>x</mi><mn>2</mn></msub><mo>+</mo>
<msub><mi>x</mi><mn>3</mn></msub><mo>‍</mo>
<mphantom><mo>+</mo><msub><mi>x</mi><mn>4</mn></msub></mphantom>
<mo>=</mo>
<mn>2</mn><mo separator="true">,</mo>
</mtd>
</mtr>
<mtr>
<mtd>
<mphantom><msub><mi>x</mi><mn>1</mn></msub><mo>+</mo></mphantom>
<msub><mi>x</mi><mn>2</mn></msub><mo>+</mo>
<msub><mi>x</mi><mn>3</mn></msub><mo>‍</mo>
<mphantom><mo>+</mo><msub><mi>x</mi><mn>4</mn></msub></mphantom>
<mo>=</mo>
<mn>0</mn><mo separator="true">.</mo>
</mtd>
</mtr>
</mtable>
</mrow>
</math>
</body>
</html>
Спецификация
MathML Core
Браузеры