Един проблем, който се откроява с обобщеното резюме на сайта (RSS - често известен като Real Simple Syndication) е стил или липсата му. Оставена без никакво форматиране, информацията, представена в RSS емисия, не е нищо друго освен сурови данни. Прилича малко на компютърна разпечатка или текстов файл. Той все още е функционален и предоставя цялата информация, необходима на читателя, за да консумира съдържание, но изглежда скучно.
Въпросът е можете ли да направите информацията за вашия уеб сайт или блог на фураж, визуално приятен и привлекателен? Отговорът е ДА. Има няколко начина за това, но най-простият е чрез свързване на CSS файл с вашия XML документ.
Какво е CSS?
Каскадните таблици със стилове (CSS) са един от начините за форматиране на документ. Предимството на CSS е, че приема инструкциите за презентация за дадена страница и я сегментира. Това означава, че една CSS страница всъщност може да работи за множество документи или уеб страници. Имаме отделно ръководство за добавяне на 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 файла. Например:
вещ {
дисплей: блок;
margin-bottom: 30pt;
поле-ляво; 0;
}