Основные способы вставки формул в html-документы. Подготовка математических текстов средствами MathML Конвертация из простого синтаксиса

.

Необходимость разметки MathML вызвана тем, что формат HTML, несмотря на множество замечательных свойств, имеет довольно-таки ограниченные возможности передачи математических обозначений. Чаще всего формулы на HTML-страницах представляются в виде графики (растровой или векторной), но этот способ имеет очевидные недостатки. Например, формулу-рисунок практически невозможно отредактировать, а качество ее при печати обычно оставляет желать лучшего. Развитие идей и привело к созданию целого семейства языков математической разметки, к которым относится и MathML. Разработчики осознавали глубину проблематики и поставили цель создать спецификацию, удовлетворяющую следующим ограниченным, но все же достаточно важным требованиям:

ü легкость освоения и ручного набора основных математических обозначений

ü максимальная совместимость с другими математическими форматами, которая должна обеспечиваться соответствующими конвертами

ü возможность вывода формул на различные терминальные устройства

ü поддержка расширяемости, т. е. введения новых символов, схем.

Общий принцип использования MathML состоит в том, что математические конструкции встраиваются в обычный HTML-документ и воспроизводятся при загрузке документа из сети.

Язык MathML предлагает гибкую и расширяемую систему записи математического материала, позволяющую взаимодействовать с внешними программами и осуществлять высококачественное отображение в различных информационных средах. Общий принцип использования MathML состоит во встраивании математических конструкций в XHTML/HTML-документ. Cоздание веб-страниц с использованием MathML возможно тремя способами: HTML + презентационный MathML, XHTML + презентационный MathML, XML + MathML

Для преобразования математических выражений в MathML существует множество утилит . Основными браузерами , непосредственно поддерживающими MathML, являются последние версии Mozilla и его разновидности. Многие другие браузеры поддерживают этот формат при установке соответствующих плагинов . Кроме того, MathML поддерживается основными офисными программами, такими как Microsoft Word и OpenOffice.org , а также математическими программными продуктами например, Mathematica , Maple . MathML — о чень мощный и универсальный язык разметки формул. Правда, ред актировать формулы (и читать) довольно тяжело . Язык MathML построен по XML-технологии и для задания фрагментов формул используются свои теги.

Пример описания простой формулы

$$

x

+

3

Пример 2

Вставка формул в html-документы с помощью разметки TeX

TeX – это популярный язык разметки, который используют многие люди, особенно в математическом мире, текстовый процессор, система форматирования документов.

Пакет позволяет автоматизировать многие задачи набора текста и подготовки статей, включая набор текста на нескольких языках, нумерацию разделов и формул, перекрёстные ссылки, размещение иллюстраций и таблиц на странице, ведение библиографии и др.

Формулы в LaTeX набираются с помощью специальных команд. Например, формула для нормального распределения в LaTeX будет выглядеть так: \frac{1}{\sigma\sqrt{2\pi}}\exp\left(-\frac{(x-\mu) ^2}{2\sigma^2}\ right)

а отображаться будет так:

Исходный код математической формулы записывается внутри тега $...$ Пробелы игнорируются (ТеХ их сделает сам). Пустые строки не разрешаются.

Достоинства TEX:

• программные реализации TEX есть практически для всех типов компьютеров
• низкие требования к аппаратным ресурсам (для работы достаточно IBM PC совместимого компьютера с 286/386 процессором)
• переносимость исходных текстов, (результаты форматирования, т.е. конечный вид вашего документа, будет идентичен для все платформ)
• при печати получается текст типографского качества,
• большое количество бесплатных реализаций
• возможность подготовки математических и других формул любой сложности которые будут прекрасно смотреться при печати, затрачивая при этом минимум усилий
• расширяемость (на основе имеющихся базовых команд можно создавать свои, более сложные)

Одной из основных функций, заложенных в TeX при его проектировании, была возможность простого набора математических формул.

Набор сложных формул существенно легче и быстрее «визуальных» редакторов (M$ Equation, MathCAD). В особенности это заметно, где требуется выравнивание формул относительно друг друга, расстановка нумерации, а также при использовании нестандартных математических обозначений.

Формулы поддерживаются только в нотации TeX. Пример:

notation=’TeX’>E=mc^2

что будет выглядеть так:

Вставка формул в html-документы в виде рисунков

Самый простой способ — вставлять формулы как растровые картинки с помощью тэга img . Изображение формулы может быть получено как вручную (из визуального редактора формул), так и автоматически. Формулы представляются в виде вставных объектов, внедренных в документ. Они могут содержать многоэтажные простые дроби, греческие буквы, матрицы.

Преимущества:

отображаются так же, как и в оригинале во всех браузерах, отображающих картинки

сравнительно легко копируется в документы Office

Недостатки:

самый большой размер страницы с формулами из всех рас смативаемых вариантов

невозможно изменить размер формулы - зачастую она либо слишком мелкая, либо слишком крупная относительно текста либо слишком мелкая, либо слишком крупная относительно текста

плохо смотрится при выводе на печать - не совпадают разрешения

невозможно изменить формулу без её исходного кода и специальной программы

довольно тяжело отцентровать формулу, находящуюся в тексте

невозможно перенести формулу по словам - разбить на несколько строк при необходимости

Использованная литература.

1. Галактионов В.В. Расширяемый язык разметки XML (Extensible Mark-up Language): промышленный стандарт, определяющий архитектуру программных средств Интернет следующего поколения. Сообщение ОИЯИ, Р10-2000-44, Дубна, 2000.

2. Д. Кнут. «Все про TeX.»

3. http://math.accent.kiev.ua

4. http://www.raleigh.ru/ MathML /MathML2/chapter2.html ·

5. www.elbib.ru/index.phtml?page=elbib/rus/journal/2005/

6. http://www.ibb.ru/articles/ tex /node3.phtml

Все вышесказанное относится к отдельным формулам вне контекста документа. Давайте подробно рассмотрим пример, соответствующий примеру "Hello, World!", разбираемому при изучении языков программирования. Мы представим полный код документа XHTML 1.0, содержащего рассмотренный выше квадрат суммы двух переменных:

This is a perfect square:

$$

Это стандартная структура документа XHTML. Он начинается открывающим тегом , содержащим декларацию пространства имен XML и объявление языка. Элемент head содержит, как обычно, заголовок. Открывающий тег beginning also has a namespace declaration of an abbreviative prefix letter m to be used for the standard MathML namespace. Затем идет обычный параграф. И, наконец, идет элемент math, который также имеет декларацию пространства имен. Внутри элемента math находится разметка MathML.

Примеры MathML

Примеры разметки представления

Нотация: x 2 + 4x + 4 = 0.

Разметка:

⁢

Обратите внимание на использование вложенных элементов mrow для обозначения термов. Например, левая часть уравнения является операндом для "=". Выделение термов значительно улучшает структуру для визуального отображения, воспроизведения с помощью голоса и переноса строк. Символ MathML InvisibleTimes применяется для того, чтобы сообщить программе отображения, что между 4 и x запрещен перенос строки. На самом деле, такое использование данного элемента, введенного еще в MathML 1.0, не рекомендуется. Все обычные текстовые данные задаются кодами Unicode. Тем не менее, хотя символ для замены ⁢ ожидается в Unicode 3.2, и рассматриваются предложения по улучшению Unicode, в текущей версии Unicode 3.0 такого символа не используется. Мы можем использовать ожидаемую цифровую ссылку ࠎ но для понятности будем продолжать использовать в примерах элемент InvisibleTimes.

Разметка:

±

⁢

⁢

⁢

Элементы mfrac и msqrt используются для создания дроби и квадратного корня соответственно.

Обратите внимание, что знак "плюс-минус" задается специальной сущностью ±, хотя в данном случае существует такой символ Unicode, как B1;. MathML предоставляет обширный список имен элементов, задающих математические символы. В дополнение к математическим символам для вывода документа на экран и на печать, MathML предоставляет символы для воспроизведения документа с помощью речи. Для воспроизведения с помощью речи важно автоматически определять, как должен быть прочитан фрагмент

Как "z умножить на величину x плюс y " or "z умножить на x плюс y ". Символы ⁢ (U+2062) и ⁡ (U+2061) предоставляют авторам способ напрямую кодировать такие различия для программ речевого воспроизведения. Например, в первом случае, символ ⁢ (U+2062) должен быть вставлен после строки, содержащей z . MathML также содержит такие сущности как ⅆ (U+2146), представляющая дифференциал. При печати она отображается с отличными от обычного символа "d" интервалами, а произноситься может как "d" или "with respect to". Пока для исключения двусмысленности используются теги содержания или любой другой механизм, авторы всегда должны использовать описанные выше символы как сущности для того, чтобы сделать документы более доступными.

Разметка:

x

y

z

w

Элемент mtable указывает на начало таблицы в MathML. Элемент mtr определяет строку таблицы и элемент mtd содержит данные для элемента строки (ячейки). Большая часть элементов имеет атрибуты, определяющие свойства отображения на экране и на печати. Например, у элемента mfenced есть атрибуты, определяющие, какие символы должны использоваться в начале и в конце группируемого выражения. Атрибуты элементов-операторов устанавливаются в определенное справочником значение по умолчанию при помощи элемента .

До выхода HTML5 использование формул было сущим наказанием. Судите сами: в 2005-м необходимо было иметь под рукой либо специальный браузер, либо разбивать текст на собственно HTML и вставки из изображений или PDF. Поиск и прочие операции редактирования и/или вывода на экран/бумагу был неоднозначной задачей, коей посвящались целые монографии .

В 2012-м было уже попроще. Появилась возможность подключать необходимые плагины (Firemath для FireFox и Daum Equation Editor для Chrome). Но неоднозначность стандартов (и поддержки) фактически заставляла писать одну и ту же статью для каждого из браузеров (и для их версий). Или встречать пользователей волшебным приветствием «Ваш браузер надо обновить/дополнить расширением».

Неудобно? - Да! Отнимало много времени на поиск универсального решения? - Да! Заставляет думать о том, какой тип записи лучше (презентационный или содержательный), каким конвертером пользоваться (а их только общеизвестных с десятка полтора)? - ДА! ДА! ДА!

В результате работа по публикации превращалась в освоение двух-трех лексиконов разметки и изучения работы минимум одной программы-перекодировщика.

Теперь, с приходом HTML5, все стало намного проще. В нем появился новый контейнер $.$
Каждый допустимый экземпляр MathML должен быть внутри этого контейнера.
Он не допускает вложений, но внутри может быть произвольное число других дочерних элементов.

Атрибуты тэга

В дополнение к следующим атрибутам, тэг $воспринимает\; любые\; атрибуты\; из\; ">.$

class, id, style
При условии использования вместе с таблицами стилей .
dir
Указывает направление формулы: ltr - слева направо или rtl - справа налево.
ref
Используется для установки гиперссылки на указанный URI.
mathbackground
Цвет фона. Вы можете использовать #rgb , #rrggbb и названия цветов HTML .
mathcolor
Цвет текста. Вы можете использовать #rgb , #rrggbb и названия цветов HTML .
display
Этот атрибут определяет способ вывода. Возможные значения:

• block - означает, что этот элемент будет отображаться за пределами текущего диапазона текста, как блока, который может быть расположен в любом месте без изменения смысла текста;
• inline -означает, что этот элемент будет отображаться внутри текущего диапазона текста, и не могут быть перемещены из нее без изменения значения этого текста.

Значение по умолчанию inline .

Mode

Устаревшие значение display attribute .
Возможные значения: display (который имеет тот же эффект, как display="block") и inline .
overflow
Определяет, как выражение ведет себя, если текст слишком длинный и не помещается в указанном диапазоне ширины.
Возможные значения: linebreak (по умолчанию), scroll , elide , truncate , scale .

Примеры

Представление в HTML5

$a^2+b^2=c^2$

Представление в XHTML

$a^2+b^2=c^2$
Примечания: XHTML документы с MathML должны быть поданы как application/xhtml+xml . Вы можете легко добиться этого, добавив.xhtml расширение для локальных файлов. Для серверов Apache вы можете настроить.htaccess файл для этого расширения на правильный тип MIME. Поскольку мы сохранили наш MathML в виде XML-документа, необходимо быть уверенным в правильно оформленном XML-документе.

Поддержка браузерами

Поддержка браузерами

Полноценные версии

Элемент	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
XHTML описание	(только 24-я)	1.0 (1.7 и выше)		9.5	5.1
HTML5 описание	(только 24-я)	4.0 (2.0)			5.1
dir		12.0 (12.0)
href	WebKit bug 85733	7.0 (7.0)			WebKit bug 85733
mathbackground	(только 24-я)	4.0 (2.0)			5.1
mathcolor	(только 24-я)	4.0 (2.0)			5.1
overflow

Мобильные версии

Элемент	Android	Chrome для Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
XHTML описание			1.0 (1.0)
HTML5 описание			4.0 (2.0)
dir			12.0 (12.0)
href			7.0 (7.0)
mathbackground			4.0 (2.0)
mathcolor			4.0 (2.0)
overflow

Сразвитием математической символики вырабатывались и совершенствовались способы
ее хранения и передачи. Например, математики древнего Вавилона делали свои записи
на глиняных табличках, в период позднего средневековья появляются первые печатные
книги, и наконец, современная эпоха характеризуется все возрастающим потоком электронных
публикаций. Именно поиски адекватных методов оформления математических текстов
в Internet и привели к созданию языка MathML.

Необходимость в таком средстве вызвана тем, что формат HTML, несмотря на множество замечательных свойств, имеет довольно-таки ограниченные возможности передачи математических обозначений. Чаще всего формулы на HTML-страницах представляются в виде графики (растровой или векторной), но этот способ имеет очевидные недостатки. Например, формулу-рисунок практически невозможно отредактировать, а качество ее при печати обычно оставляет желать лучшего. Уже исходя из этого понятно, что для Web математическую символику желательно как-то кодировать, причем максимально "прозрачно" для клиентских программ (броузеров). Развитие этих идей и привело к созданию целого семейства языков математической разметки, к которым относится и рассматриваемый сегодня MathML.

Следует отметить, что проблема представления математической символики в электронном виде не исчерпывается необходимостью разработки отдельной спецификации. Это сложная научная и техническая задача, пока далекая от своего окончательного решения, что подтверждается наличием большого числа предлагаемых подходов, зачастую слабо согласованных между собой. Одним из таких подходов являются специализированные языки разметки, к которым относится и MathML. Безусловно, его разработчики осознавали глубину данной проблематики и поставили цель создать спецификацию, удовлетворяющую следующим ограниченным, но все же достаточно важным требованиям:

• легкость освоения и ручного набора основных математических обозначений;
• максимальная совместимость с другими математическими форматами, которая должна обеспечиваться соответствующими конвертерами;
• возможность вывода формул на различные терминальные устройства;
• поддержка расширяемости, т. е. введения новых символов, схем и т. д.

К данным целям, относящимся к принципам построения спецификации, были добавлены и другие, связанные с особенностями применения MathML в приложениях. Необходимо обеспечить вывод формул на экраны и принтеры с наиболее высоким качеством, организовать средства информационного обмена (например, буферные операции копирования/вставки фрагментов формул). Понятно, что все это будет реализовываться разработчиками прикладного программного обеспечения, однако потенциальные возможности должны быть заложены изначально.

В нескольких словах обрисуем место MathML в родственной ему группе языков математической разметки. В отличие от целого ряда ее представителей, из которых прежде всего надо назвать TeX, MathML обладает семантическими средствами построения математических выражений. Если документ того же TeX, по сути, представляет собой детальное описание некоторого текста с точным указанием положения всех его элементов, то MathML (более привязанный именно к содержанию) в этом отношении значительно гибче, поскольку окончательный вид документа легко может быть изменен в соответствии с требованиями пользователя.

Сведения о MathML

Язык MathML является подмножеством расширенного языка разметки XML, который часто служит для создания других языков. Такое использование XML сегодня вполне естественно и хорошо зарекомендовало себя и в других случаях, когда применение HTML для передачи данных новых типов наталкивалось на ограничения этого формата. К настоящему времени консорциум W3C опубликовал 2-е издание версии 2.0 спецификации языка MathML, что говорит о жизнеспособности и устойчивости проекта.

Общий принцип использования MathML состоит в том, что математические конструкции встраиваются в обычный HTML-документ и (если броузер либо специальная программа поддерживает эту спецификацию) адекватно воспроизводятся при загрузке документа из сети.

Первое, с чем приходится столкнуться в MathML и что отличает данный язык разметки от аналогов, — это использование двух способов кодирования выражений. Один из них основан на непосредственной передаче синтаксиса формулы (presentation), другой, напротив, отражает семантику выражения (content). Проще говоря, первый способ передает запись формулы вне связи с ее смыслом, второй, наоборот, отражает ее математическое содержание.

Кодирование синтаксиса

Рис. 1

Если взглянуть на форму представления различных математических выражений, то можно
заметить, что при довольно большом количестве специальных символов существует
относительно немного способов их упорядочения. Так, выражения могут строиться
с помощью верхних и нижних индексов, одна часть формулы может стоять над/под другой,
выражения могут находиться в элементах матрицы и т. д. Этот принцип и положен
в основу кодирования синтаксиса, при котором математические выражения любой сложности
формируются с помощью небольшого набора шаблонов (так называемых layout schemata),
отвечающих основным отношениям, встречающимся в математических формулах.

Для демонстрации этого принципа рассмотрим, как в MathML записывается обыкновенная дробь. Она имеет всего два элемента — числитель и знаменатель, что и отражено в соответствующем шаблоне:

Здесь тег , как уже говорилось, служит для создания собственно дроби. Атрибут linethickness определяет толщину разделительной линии, если его опустить, будет использовано стандартное значение (на рисунке отображены оба варианта).

Числитель представлен тегом , в свою очередь содержащим дочерние элементы. Этот тег может включать любое число вложенных выражений, которые создают формулу, выровненную по горизонтали вдоль базовой линии. В нашем случае это сумма двух переменных x и y (смысл тегов и будет пояснен ниже). Заметим, что запись без тега привела бы к ошибке, поскольку за числитель было бы принято первое же встретившееся в записи выражение (x). Наконец, знаменатель состоит из одной переменной Z , переданной тегом .

Основными элементами, применяемыми в представлении MathML, являются символы (tokens) и шаблоны (layout schemata, упоминавшиеся выше). Первые — это элементы языка, которые могут содержать только буквы (например, для обозначения переменных) и собственно математические символы, но не другие элементы.

Элемент используется для введения идентификаторов. Он действует по следующему правилу: если значением элемента является один символ, он воспринимается как переменная и воспроизводится курсивом, если же значение представляет собой строку, оно отображается прямым шрифтом (данное свойство применяется для записи функций типа sin , ln и др.). Элемент предназначен для отображения математических операторов, а , с которым мы пока не встречались, — для вывода чисел. Каждый из описанных элементов имеет определенный набор атрибутов, позволяющих изменить отображение символов, заданное по умолчанию.

Теперь познакомимся с некоторыми шаблонами MathML, передающими основные математические выражения. С двумя из них мы встретились выше: это теги для задания обыкновенной дроби и выражения, выровненного вдоль базовой линии. Другие наиболее важные шаблоны передаются следующими тегами:

• выводит знак радикала с вложенным выражением. Аналогичный тег служит для отображения корня n -й степени;
• задает выражение, заключенное в скобки. С помощью атрибутов можно указать разделитель для вложенных выражений и некоторые другие характеристики;
• теги для передачи верхних/нижних индексов. Например, выражение с верхним индексом
  (степень) задается как ВЫРАЖЕНИЕ ВЕРХНИЙ_ИНДЕКС

Имеются также шаблоны для оформления практически всех наиболее важных математических выражений и матриц (всего около 30 видов).

Кодирование семантики

Перейдем теперь к способу кодирования с использованием семантики выражений. Как отмечено выше, он отражает математическое содержание формулы. Ключевым для передачи семантики является элемент . Проиллюстрируем его использование на простом примере. Следующий код создает дробь такого же вида, что и показанные на рис. 1.

Рис. 2

В нашем примере первым после идет элемент , обозначающий
деление (дробь). Скажем сразу, что при семантическом кодировании большинство операторов
передаются тегами типа , у которых перед закрывающей угловой скобкой
стоит косая черта (так называемые "пустые" элементы). Затем следуют
аргументы: еще один элемент , передающий оператор суммирования x
и y , и — Z . Соответственно, сумма (первый аргумент оператора деления)
отображается как числитель дроби, а переменная Z — как знаменатель. MathML
содержит около 90 операторов, разделенных на несколько категорий: арифметические,
алгебраические, логические и т. д.

В данном примере каждый встретившийся оператор применялся к паре аргументов. Но, как следует из представленного выше общего вида элемента , аргументов может быть произвольное число (если это допускает сам оператор). Например, выражение, показанное на рис. 2, записывается в виде

В двух последних примерах остался без объяснения один момент — теги для передачи
буквенных идентификаторов и чисел. Это и соответственно
— полные аналоги элементов и при кодировании синтаксиса.
Заметим, что тег своего аналога при использовании семантики не имеет,
поскольку вся информация об операторе передается специальным тегом оператора,
идущим после .

Для задания структуры формулы может применяться не только . Например, для выражения отношения (равенство, неравенство, включение и пр.) имеется специальный тег . Следующий фрагмент создает формулу, показанную на рис. 3.

x y z

Здесь говорит о том, что в математическое выражение входит одно из отношений, а "пустой" тег указывает на его конкретный тип — "меньше". В левой части будет находиться идентификатор x , в правой — сумма двух переменных, определяемая с помощью знакомого нам элемента .

Приведенных нами сведений о MathML, хотя и далеко не полных, вполне достаточно для начала самостоятельного использования этого языка. Тем более что имеются специальные программные инструменты, призванные избавить от рутинной работы.

ПО для работы с MathML

На соответствующей странице консорциума W3C приведены ссылки примерно на
три десятка рекомендуемых продуктов для работы с MathML. Самой важной представляется
ситуация с броузерами, поскольку она в наибольшей мере характеризует степень признания
любой Web-технологии. На сегодняшний день только два продукта готовы корректно
интерпретировать MathML: Amaya (который можно загрузить с узла того же W3C) и
Mozilla. К сожалению, прочие разработчики не спешат включать в свои продукты поддержку
этой перспективной технологии. Наиболее популярные у нас броузеры Microsoft Internet
Explorer и Netscape Navigator в базовой поставке MathML не "понимают",
однако для них имеются специальные
подключаемые модули — от IBM , Design
Science , Theorist
Interactive .

Эти же три компании поставляют и более полные версии своего ПО, предназначенные уже для создания MathML-документов. В частности, именно в IBM techexplorer Hypermedia Browser были подготовлены примеры к данной статье. Подобные же задачи можно решать и с помощью менее специализированных приложений. Например, системы компьютерной математики (Mathematica, Maple, Mathcad) обычно обеспечивают экспорт своих документов в формат HTML с MathML-"вкраплениями".

MathML также поддерживают и некоторые настольные издательские системы для подготовки
научно-технической документации. Из наиболее известных продуктов этого класса
можно назвать WebEQ ,
представляющий собой пакет Java-приложений для обеспечения полного цикла набора
и публикации документов в форматах MathML и WebTeX; Wolfram
Publicon для подготовки математических текстов презентационного качества с
возможностью экспорта в MathML; текстовые процессоры от MacKichan
Software , которые умеют сохранять документы из своего основного формата TeX
в MathML.

Существуют также специальные конвертеры для преобразования в/из MathML. Исходным форматом чаще всего выступает TeX. MathML, в свою очередь, превращается в тот же TeX или популярные графические форматы.

Однако даже не имея в своем распоряжении подобных, не всегда доступных, пакетов, после определенной подготовки можно создавать MathML-документы вручную. Ведь это — обычные текстовые файлы, для работы с которыми (как и с HTML) достаточно простейшего текстового редактора.

В заключение еще раз подчеркнем, что MathML появился относительно недавно (описание версии 1.0 вышло в 1998 г.) и находится в стадии становления. Нельзя исключить того, что через несколько лет MathML уступит место более мощной и совершенной технологии. Однако уже сейчас можно с уверенностью сказать, что глубокие идеи, заложенные в этот язык, послужат прочной основой для создания будущих методов представления сложных научно-технических документов.

Хоть интернет во многом создан усилиями физиков и математиков, путь математической формулы на его страницах был весьма долог и тернист. Только в последние годы можно сказать, что математические формулы прочно обосновались в Сети.

Дело в том, что в языке HTML, с помощью которого создаются веб-страницы, нет средств для изображения формул. Создателям сайтов приходилось как-то выкручиваться: использовать таблицы, индексы и другие обходные пути. Список подобных приемов приведен , и резюмировать его можно так - путь труден, а результат жалок.

Частичным выходом из положения стала вставка формул в виде рисунков. Для их создания существует немало инструментов . Можно использовать визуальный редактор (например, Equation Editor из Microsoft Office) или преобразовать формулу, набранную в LaTeX , с помощью онлайнового конвертера . Наконец, есть Google Docs , редактор формул которого реализует обе эти возможности. Но подбирать размеры и позиционировать рисунок приходилось веб-мастеру. А значит, об интерактивности сайта оставалось только мечтать. Для этого нужен был язык, который позволил бы посетителю сайта самому набирать формулы.

Таких языков на рубеже 2000-х годов существовало два: LaTeX - для визуального представления формул, и MathML - для описания их структуры. К тому времени LaTeX уже много лет использовался для подготовки математических текстов, поэтому неудивительно, что именно его стали использовать для сетевой математики. Одной из первых попыток такого рода стала программа LaTeXML . Написанная на Perl, она обрабатывает документ LaTeX и выводит результат в файл XML. Затем ее постпроцессор конвертирует полученный XML в другие текстовые форматы, например, в HTML и XHTML (а теперь - и в MathML) или в рисунки. Результаты работы LaTeXML можно посмотреть .

Сравнение записи формулы в MathML и LaTeX

Однако это не решало проблем с интерактивностью. Для этого программа-обработчик должна была выполняться непосредственно в браузере. Первым на сторону клиента перешел jsMath Дэвида Сервона (Davide Cervone). Он преобразовывал формулы, набранные пользователем на языке LaTeX, в изображения, выполненные средствами HTML и CSS. Так появилась возможность создавать по-настоящему интерактивные математические веб-страницы.

Первый шаг был сделан, но проблем оставалось еще много. Нужно было добиться, чтобы программа работала во всех браузерах (начиная с ветеранов, вроде Internet Explorer 6) и наладить экспорт формул в различные форматы, в первую очередь, в MathML. Решить эти задачи призван был проект MathJax, начатый в 2009 г. под руководством Американского математического общества при поддержке и портала Stack Exchange . Созданная в результате библиотека MathJax работает во всех браузерах и умеет сохранять формулы в HTML+CSS, SVG и MathML. Пользователю не нужно устанавливать плагины или шрифты - теперь он просто работает.

Ввод формулы в MathJax…

и ее отображение

Если jsMath оживил математику в интернете, то MathJax "выпустил джинна из бутылки", позволив за короткое время реализовать массу замечательных идей. Хотите получить математическое образование в Сети? Загляните сюда и сюда . Нужно пообщаться с коллегами? Извольте . Создать публикации с «живыми» кодом и формулами? Вот и вот . Интересует система компьютерной алгебры на Android? Почему бы и нет . Чат с математической поддержкой? Легко . Создать блог, чтобы рассказать о своей работе? Пожалуйста . А еще MathJax использует Wikipedia , бесплатный архив электронных публикаций arXiv и Общероссийский математический портал . Так MathJax стал де-факто стандартом для отображения формул на веб-страницах.

Значит ли это, что все проблемы остались в прошлом? Нет, конечно. Так,