Одной из проблем, которая выделяется в Rich Site Summary ( RSS — часто называемая Real Simple Syndication), является стиль или его отсутствие. Оставленная без форматирования информация, представленная в ленте RSS, представляет собой не что иное, как необработанные данные. Это выглядит как распечатка компьютера или текстовый файл. Он по-прежнему функционален и предоставляет всю информацию, которая нужна читателю для потребления контента, но выглядит он мягко.
Вопрос в том, можете ли вы сделать информацию о своем сайте или блоге в ленте визуально приятной и привлекательной? Ответ ДА. Есть несколько способов сделать это, но самый простой — это связать CSS-файл с вашим XML-документом.
Что такое CSS?
Каскадные таблицы стилей (CSS) являются одним из способов форматирования документа. Преимущество CSS состоит в том, что он берет инструкции презентации для страницы и сегментирует ее. Это означает, что одна страница CSS может фактически работать для нескольких документов или веб-страниц. У нас есть отдельное руководство по добавлению CSS в XML . Когда вы работаете с файлом XML для канала RSS, концепция остается той же.
Как добавить CSS-стиль в RSS
CSS — это отдельный файл, который дает конкретные инструкции по форматированию процессору. Процессор просматривает каждую строку в XML-документе последовательно. Это начнется с заявления декларации. Это определяет язык файла и предоставляет информацию, такую как версия.
Процессор переместится на следующую строку кода. При связывании CSS с файлом XML эта строка должна служить указателем на файл форматирования.
<? xml-stylesheet type = "text / css" href = "https://example.com/path/to/style.css"?>
Добавив вышеприведенную строку в ваш файл XML XML , вы сообщаете процессору, что существует отдельный файл с информацией. В этом случае файл представляет собой каскадную таблицу стилей. Процессор знает, как открыть этот файл и прочитать его. Готовый XML-файл для RSS-канала будет выглядеть примерно так:
Статьи XML от Lifewire
Увлекательные новые предложения из мира XML и Lifewire
htts: //www.lifewire.com/xml-articles-example-url.html
Lifewire
Будьте в курсе всех советов и хитростей в веб-дизайне с Lifewire
https://www.lifewire.com/
Как вы форматируете и стилизуете информацию, зависит от вас. Используйте теги элемента в XML для файла CSS. Например:
item {
display: block;
нижнее поле: 30pt;
Маржа налево; 0;
}