До выхода HTML5 использование формул было сущим наказанием. Судите сами: в 2005-м необходимо было иметь под рукой либо специальный браузер, либо разбивать текст на собственно HTML и вставки из изображений или PDF. Поиск и прочие операции редактирования и/или вывода на экран/бумагу был неоднозначной задачей, коей посвящались целые монографии .
В 2012-м было уже попроще. Появилась возможность подключать необходимые плагины (Firemath для FireFox и Daum Equation Editor для Chrome). Но неоднозначность стандартов (и поддержки) фактически заставляла писать одну и ту же статью для каждого из браузеров (и для их версий). Или встречать пользователей волшебным приветствием «Ваш браузер надо обновить/дополнить расширением».
Неудобно? - Да! Отнимало много времени на поиск универсального решения? - Да! Заставляет думать о том, какой тип записи лучше (презентационный или содержательный), каким конвертером пользоваться (а их только общеизвестных с десятка полтора)? - ДА! ДА! ДА!
В результате работа по публикации превращалась в освоение двух-трех лексиконов разметки и изучения работы минимум одной программы-перекодировщика.
Теперь, с приходом HTML5, все стало намного проще. В нем появился новый контейнер
Атрибуты тэга
В дополнение к следующим атрибутам, тэг
Пример 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
До выхода 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
MathML in HTML5
a
2
+
b
2
=
c
2
Представление в XHTML
MathML in 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
|
|
|
|
|
|
|