Как отобразить XML на веб-странице с помощью CSS

Если вы знакомы с тем, как CSS стилистируют HTML-страницы, вы по достоинству оцените концепцию форматирования. В начале языка разметки XML отображение данных было немного сложным, но это изменилось с таблицами стилей. 

Добавив ссылку на таблицу стилей, вы можете отформатировать и отобразить свой XML-код в виде веб-страницы. Без CSS или какого-либо другого форматирования XML отображается как основной текст с ошибкой, в которой говорится, что браузер не может найти форматирующий документ.

Пример XML-стиля

Простая таблица стилей требует только перечисления элемента и атрибутов форматирования, необходимых для отображения данных.

Этот фрагмент кода сообщает процессору, какие элементы отображать и как они должны выглядеть на веб-странице, например:

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

Сохраните этот файл в том же каталоге, что и ваш XML-файл, и убедитесь, что он имеет расширение .CSS. 

Ссылка на CSS из XML

На данный момент это два совершенно разных документа. Процессор понятия не имеет, что вы хотите, чтобы они работали вместе для создания веб-страницы.

Это можно исправить, добавив в начало XML-документа оператор, который идентифицирует путь к файлу CSS. Оператор идет непосредственно под начальным оператором объявления XML, например так:

В этом примере файл CSS называется products.css, поэтому он помечен как таковой в документе XML. Измените это на любое имя файла, которое вы выбрали для файла CSS.

Ссылка на основную публикацию