Как отформатировать RSS: добавление стиля в ленту

Одна проблема, которая выделяется при использовании Rich Site Summary (RSS - часто известный как Real Simple Syndication) - это стиль или его отсутствие. Оставленная без какого-либо форматирования информация, представленная в RSS-канале, представляет собой не что иное, как необработанные данные. Это немного похоже на компьютерную распечатку или текстовый файл. Он по-прежнему работает и предоставляет всю информацию, необходимую читателю для использования контента, но выглядит скучно.

Вопрос в том, можете ли вы сделать информацию о своем сайте или блог на корме визуально приятной и привлекательной? Ответ ДА. Есть несколько способов сделать это, но самый простой - связать файл CSS с вашим XML-документом.

Что такое CSS?

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

instagram viewer
добавление CSS в XML. Когда вы работаете с XML-файлом для RSS-канала, концепция остается той же.

Как добавить стили CSS в RSS

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

Процессор перейдет к следующей строке кода. При связывании CSS с файлом XML эта строка должна служить указателем на файл форматирования.


Добавив строку выше в свой RSS XML файл, вы говорите процессору, что есть отдельный файл с информацией. В этом случае файл представляет собой каскадную таблицу стилей. Процессор знает, что нужно открыть этот файл и прочитать его. Готовый XML-файл для RSS-канала будет выглядеть примерно так:

Статьи XML от Lifewire
Захватывающие новые предложения из мира XML и Lifewire
htts: //www.lifewire.com/xml-articles-example-url.html
Lifewire
Будьте в курсе всех советов и приемов веб-дизайна с Lifewire
https://www.lifewire.com/

Как вы форматируете и стилизуете информацию, зависит от вас. Используйте теги элементов в XML для файла CSS. Например:

пункт {
дисплей: блок;
нижнее поле: 30pt;
маржа слева; 0;
}