CSS для XML

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


<?xml-stylesheet href="style.css" type="text/css"?>

Далее приводится пример xml-файла, которому назначена таблица стилей:


<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="style.css" type="text/css"?>
<users>
	<user>
		<first_name>Иван</first_name>
		<last_name>Иванов</last_name>
	</user>
	<user>
		<first_name>Егор</first_name>
		<last_name>Егоров</last_name>
	</user>
	<user>
		<first_name>Сидор</first_name>
		<last_name>Сидоров</last_name>
	</user>
</users>

Таблица стилей для приведённого выше xml-файла имеет имя style.css и располагается в одной папке с xml-документом. Содержание файла style.css следующее:


@charset "utf-8";
/* CSS Document */
users {
	background:#000;
}
user {
	display:block;
	background:#333;
	margin:20px;
	padding:10px;
}
first_name,last_name {
	display:block;
	background:#666;
	margin:10px;
	padding:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}

Здесь каждому дескриптору XML (users, user, first_name и last_name) назначаются свои стили. Это очень похоже на то, как стили назначаются для тегов HTML.

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

Сам я иногда использую XML в ActionScript-проектах и, конечно, меня интересовало, не будет ли проблем с парсингом xml-файла, к которому прикреплены стили. Проверил... Проблем не было :-)

Автор: admin

Дата добавления: 2011-08-04

Рейтинг поста: 2