Skip to main content

Использование CSS для стилей XML-документов

Урок 22: Работа с HTML и XML картами сайта. Введение в SEO (Июнь 2026)

Урок 22: Работа с HTML и XML картами сайта. Введение в SEO (Июнь 2026)
Anonim

Создание документа XML, запись DTD и разбор его с помощью браузера - все в порядке, но как будет отображаться документ при его просмотре? XML не является языком отображения. Фактически, документы, написанные с использованием XML, вообще не имеют форматирования.

Итак, как мне просматривать мой XML?

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

Скажем, у вас есть XML-документ:

>

Джуди

Layard

Дженнифер

Brendan

Если бы вы просмотрели этот документ в готовом XML-браузере, таком как Internet Explorer, он отобразил бы что-то вроде этого:

Джуди Лейард Дженнифер Брендан

Но что, если вы хотите различать родительский и дочерний элементы? Или даже сделать визуальное различие между всеми элементами документа. Вы не можете сделать это с помощью XML, и это не язык, предназначенный для отображения.

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

Например, в HTML вы можете определить весь текст в тегах абзаца () с помощью шрифта Verdana, Geneva или Helvetica, а цвет фона зеленый. Чтобы определить, что в таблице стилей так, чтобы все абзацы были такими, вы должны написать:

п {

font-family: verdana, geneva, helvetica;

background-color: # 00ff00;

}

Те же правила работают с XML-документами. Каждый тег в XML может быть определен в документе XML:

семья {

цвет: # 000000;

}

родительский {

font-family: Arial Black;

цвет: # ff0000;

граница: сплошная 5px;

ширина: 300 пикселей;

}

ребенок {

font-family: verdana, helvetica;

цвет: # cc0000;

граница: сплошная 5px;

border-color: # cc0000;

}

После того, как вы создали свой XML-документ, и ваша таблица стилей написана, вам нужно собрать их вместе. Подобно команде link в HTML, вы помещаете строку вверху вашего XML-документа (ниже объявления XML), сообщая парсеру XML, где можно найти таблицу стилей. Например:

Как указано выше, эта строка должна быть найдена ниже объявления <? Xml?>, Но перед любым элементом в документе XML.

Объединив все это, ваш XML-документ будет читать:

>

Джуди

Layard

Дженнифер

Brendan