Каковы лучшие практики использования HTML с языками на основе XML, такими как SVG?

Question

Из просмотра этого сайта и других источников я узнал, что использование сайтов в качестве XHTML в настоящее время считается вредным .

Доставка XHTML и обслуживание его как application/xhtml+xml не поддерживается большинством людей, просматривающих в настоящее время, доставка xhtml как text/html в лучшем случае является для меня плацебо, а в худшем - рецептом взлома сайтов, обычно когда меньше всего это нужно.

Таким образом, мы возвращаемся в HTML 4.01. Если я вместо этого использую свои страницы как html 4.01, возможно ли использовать SVG или любой другой язык на основе XML на странице?

Если так, то как?

Answer 1

В HTML вы не сможете напрямую вставить SVG.

Вы можете встраивать файлы SVG с <object> / <embed> и в самые современные браузеры (Opera, Safari), а также <img> и CSS background-image.

Вы можете поместить SVG в data: URI, чтобы избежать использования внешних файлов.

Простые математические выражения могут быть написаны с помощью Unicode и базового HTML / CSS (Opera 9.5 поддерживает большой кусок MathML через CSS ). Для чего-то более сложного вам понадобятся изображения, как в Википедии.

HTML неправильно интерпретирует префиксы пространства имен, поэтому вы не сможете (правильно) использовать другую разметку XML с HTML DOM. HTML5 имеет data-* атрибутов для добавления разметки для конкретного приложения. Для метаданных рассмотрим микроформаты.

Однако, если вы хотите встроить XML только для не браузеров (роботов), вы можете использовать HTML-совместимое подмножество XHTML и согласование содержимого HTTP для отправки правильного XML с правильным типом клиентам, которые его понимают ( если Вы тщательно протестируете страницу в режимах XML и HTML, тогда она не будет вредна).

Answer 2

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