FRNET.NAROD.RU » Статьи » Оформление XML–документа при помощи CSS

Автор: Алексей Голубев
Источник: www.frnet.narod.ru

Для оформления XML-документа можно использовать язык стилей CSS.

Для примера, будем использовать каталог музыкальных компакт дисков. За основу возьмем его XML описание (будем использовать следующие данные: название, исполнитель, страна, звукозаписывающая компания, цена, год выпуска):

<?xml version="1.0" encoding="utf-8"?>
<CATALOG>
	<CD>
		<TITLE>Empire Burlesque</TITLE>
		<ARTIST>Bob Dylan</ARTIST>
		<COUNTRY>USA</COUNTRY>
		<COMPANY>Columbia</COMPANY>
		<PRICE>10.90</PRICE>
		<YEAR>1985</YEAR>
	</CD>
	<CD>
		<TITLE>Hide your heart</TITLE>
		<ARTIST>Bonnie Tyler</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>CBS Records</COMPANY>
		<PRICE>9.90</PRICE>
		<YEAR>1988</YEAR>
	</CD>
	<CD>
		<TITLE>Greatest Hits</TITLE>
		<ARTIST>Dolly Parton</ARTIST>
		<COUNTRY>USA</COUNTRY>
		<COMPANY>RCA</COMPANY>
		<PRICE>9.90</PRICE>
		<YEAR>1982</YEAR>
	</CD>
	<CD>
		<TITLE>Still got the blues</TITLE>
		<ARTIST>Gary Moore</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>Virgin records</COMPANY>
		<PRICE>10.20</PRICE>
		<YEAR>1990</YEAR>
	</CD>
</CATALOG>

Далее составим для него простую таблицу стилей:

CATALOG
{
	background-color: #ffffff;
	width: 100%;
}
CD
{
	display: block;
	margin-bottom: 30pt;
	margin-left: 0;
}
TITLE
{
	color: #FF0000;
	font-size: 20pt;
}
ARTIST
{
	color: #0000FF;
	font-size: 20pt;
}
COUNTRY,PRICE,YEAR,COMPANY
{
	display: block;
	color: #000000;
	margin-left: 20pt;
}

Окончательно XML-документ примет следующий вид:

<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="cd_catalog.css"?>
<CATALOG>
  <CD>
    <TITLE>Empire Burlesque</TITLE>
    <ARTIST>Bob Dylan</ARTIST>
    <COUNTRY>USA</COUNTRY>
    <COMPANY>Columbia</COMPANY>
    <PRICE>10.90</PRICE>
    <YEAR>1985</YEAR>
  </CD>
  <CD>
    <TITLE>Hide your heart</TITLE>
    <ARTIST>Bonnie Tyler</ARTIST>
    <COUNTRY>UK</COUNTRY>
    <COMPANY>CBS Records</COMPANY>
    <PRICE>9.90</PRICE>
    <YEAR>1988</YEAR>
  </CD>
.
.
.
</CATALOG>

Оформление XML-документов при помощи таблиц стилей является одним из часто используемых методов.

Данный пример вы можете скачать по ссылке: http://www.frnet.narod.ru/script/article/0051.zip, просмотреть, как он работает: http://www.frnet.narod.ru/article/0051/index.xml

Оригинал на английском языке: http://wap.w3schools.com/xml/xml_display.asp