Skip to main content

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

Курс XML и XSLT. Видео 1 из 5 (Никитин Иван Генадьевич) (Апрель 2025)

Курс XML и XSLT. Видео 1 из 5 (Никитин Иван Генадьевич) (Апрель 2025)
Anonim

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

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

Пример стилизации XML

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

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

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

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

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

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

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

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