Вывод документов XML с использованием CSS и XSL

XML с помощью таблиц стилей типа XSL
Применение шаблонов
Переключение стилей в

документе

форматах на различные устройства вывода, такие, как компьютер, принтер и

т.д.

Документ, который должен быть выведен

вывода документов




Таблицы стилей






Данные
Уровень представления




Отделяет уровень представления от данных, содержащихся в

документе

Один документ XML может иметь несколько таблиц стилей

Каскадные таблицы стилей
XSL – Расширяемые таблицы стилей
DSSL – Document Style

Semantics and Specification Language (Язык семантических стилей и спецификаций документа)

и размеры элементов

Цвета и фон
Шрифт и текст
Пробелы





XSL используется для преобразования

документов, написанных на одном XML DTD, в другое DTD и для форматирования

стилей используются для форматирования и просмотра документа XML
Для XML широко

используются два типа таблиц стилей :
Cascading Style Sheets (CSS) – Каскадные таблицы стилей – расширение языка HTML
Extensible Style sheet Language (XSL) – Расширяемый язык таблиц стилей – специальный язык стилей для XML

Браузер, понимающий CSS
Форматиро-ванный документ

type="text/css" href="/hello.css"?>

Hello!
How were you!

Fine
Thank you.

.7in;
margin-left:1.5in;
margin-right:1in;
color: navy;
background-color:white;
display: block }
greeting
{ display:block;
font-family: Arial,

Helvetica, sans-serif;font-size: 32pt;
width: 30em;
color: red }

question
{ display:block;
font-size: x-large;
color: black; }
answer.ans
{ display: block;
font-size: 20pt;
color: blue
}

Документ CSS для документа XML

(selector) идентифицирует тэг, к которому применяется заданный стиль
Объявление (declaration) представляет

правила стилей, применяемые к данному селектору
Такой селектор обозначается, как "Простой селектор" (‘Simple Selector’)

Пример:
greeting
{display:block;font-family: Arial, Helvetica,sans-serif;
font-size: 32pt; width: 30em; color: red }

sans-serif;
font-size: 32pt; }
Правило стиля
Селектор 1
Селектор 2
Одно Правило

стиля использует и Селектор1, и Селектор2

одного тэга
MADE IN
U.S.A
tag (тэг)
Вхождение 1
Вхождение 2
Вхождение 1
tag([declaration]}
Вхождение 2
tag([declaration]}
Контекстный

селектор

Thank you.


Контекстные селекторы позволяют отличать разные вхождения

элемента
greeting.extension{[declarations]}
answer.ans.extension{[declaration]}

на каскадные таблицы стилей
Для этого мы используем инструкции обработки
Синтаксис:

href=“url”?>

Пример:

с единицей измерения, целое число или цветовое значение
Значения могут быть

абсолютными или относительными, наследуемыми или не наследуемыми

Пример абсолютного значения
P{margin-left:3cm;}
Создаётся поле в 3 сантиметра независимо от размера страницы

Пример относительного значения
P{margin-left:10%}
Создаётся поле шириной 10% от общей ширины страницы

вывода элемента, размер и цвет текста
Ключевые слова и

используются в свойствах шрифта

xx-small
x-small
small
medium

larger
smaller

шрифта)
font-weight
(плотность шрифта)
font-variant
(видоизменение шрифта)
Font (Шрифт)

существуют три свойства:
Margins (Поля)
Border (Рамка)
Padding (Заполнение)
Расстояние между содержимым панели и

её границей называется заполнением (padding)
Расстояние между рамкой и внешним краем смежной панели или между рамкой и содержащей её панелью называется её полями (margin)

границе
Текст
Заполнение по нижней границе
Нижнее поле

(правое поле)
margin (поле)
Поля
Рамка
border-top (рамка сверху)
border-bottom (рамка снизу)
border-left (рамка слева)
border-right (рамка

справа)

border (рамка)

padding-bottom (по нижней границе)

padding-top (по верхней границе)

padding-right (по правой границе)

padding-left (по левой границе)

padding (заполнение)

Заполнение

Панели

Свойство padding (заполнение) используется для определения расстояния или пространства между рамкой и содержимым панели.

перекрываться при использовании свойства z-index

Выводится абзац, который имеет размеры два

дюйма на один дюйм, а также полосу прокрутки.

XML.
Функциональные возможности XSL:
Предоставляет язык преобразования (XSLT)
XSL может быть использован,

как язык форматирования
XSL может быть использован для сортировки и фильтрации
XSL может быть использован для поиска совпадений образцов, что может помочь нам при поиске записей

Icons In Cricket


Icons

In Cricket

Player	No. Of Catches	No. Of 100's	No. Of 50's

сортировки

сортировки в порядке убывания

Таблица организована в порядке убывания количества перехватов

логические выражения с применением операторов AND, OR и NOT
Различные логические

операторы, которые могут быть использованы:

его содержимого, называются шаблонами (templates)
Представлены тэгами …
Используются при помощи элемента

Шаблон содержит две части
Часть проверки на совпадение (matching part)
Часть обработки (processing part)

Часть проверки на совпадение

Часть обработки

корневому элементу
Совпадение по шаблонным символам
Совпадение по идентификатору ID
Совпадение по атрибуту

Наборы узлов
Booleans – Логические выражения
Strings – Строки
Numbers – Числовые выражения
Result

Tree Fragments – Фрагменты дерева результата

с использованием xsl:import
Синтаксис импортирования таблиц стилей:

href= ‘another stylesheet1.xsl’/>
Все импортированные таблицы стилей организуются в дерево импортирования.
При импортировании таблицы стилей в дереве импортирования создаётся новый узел

документ XML с одной системы на другую и даже от

приложения к приложению, без изменения содержания.
Таблица стилей (style sheet) – это набор инструкций, используемый для вывода документов.
Таблицы стилей могут быть написаны на нескольких языках. Вот два примера таких языков:
Cascading Style Sheets (CSS), расширение HTML
Extensible Stylesheet Language (XSL), разработанный специально для XML язык стилей
Селектор идентифицирует тэг, к которому применяется стиль, а объявление содержит правила стиля, применяемого к селектору.
Существуют три вида селекторов – Simple (Простые), Multiple (Составные) и Contextual (Контекстные) селекторы.
Блок текста может быть помещён в панель, а эта панель может быть затем размещена в браузере настольного компьютера.

созданный специально для XML. Он используется для преобразования XML‑данных в

HTML‑документ.
XSL обеспечивает поддержку следующих образцов (patterns):
Sorting (Сортировка)
Operators (Операторы)
Filtering (Фильтрация)
Типы совпадений образцов:
Совпадение по атрибуту
Совпадение по идентификатору ID
Совпадение по образцу с шаблонными символами (wildcard)
Совпадение по корневому элементу (root)
Совпадение по имени
Совпадение по предку
Совпадение по нескольким именам
XSLT и CSS являются стандартами, совместимыми друг с другом