Rich Site Xülasəsi ilə fərqlənən bir problem ( RSS - tez-tez Real Simple Syndication kimi tanınır) üslub və ya olmamasıdır. Hər hansı bir biçimlendirme olmadan sol, RSS feed'də təqdim olunan məlumat xammal məlumatlarından başqa bir şey deyil. Bir az kompüter çap və ya mətn faylı kimi görünür. Hələ də funksionaldır və oxucu məzmunu istehlak etməsi lazım olan bütün məlumatları təmin edir, amma yumşaq görünür.
Sualınız veb-saytınız və ya blogunuz haqqında əyani şəkildə sevindirici və cəlbedici bir feeddə məlumatı edə bilərsinizmi? Cavab EVET. Bununla bağlı bir sıra yollar var, lakin ən sadə bir CSS faylını XML sənədinizə bağlamaqdır.
CSS nədir?
Cascading Style Sheets (CSS) bir sənədin formatlaşdırılması üçün bir yoldur. CSS-nin üstünlüyü ondan ibarətdir ki, bir səhifə və onun seqmentləri üçün təqdimat təlimatları götürülür. Bu, bir CSS səhifəsinin əslində bir çox sənəd və ya veb səhifələr üçün işləyə biləcəyini bildirir. CSS-yə CSS əlavə edərkən artıq əhatə etdilər. Bir RSS feed üçün bir XML faylı ilə işləyərkən, konsepsiya eynidır.
RSS üçün CSS Styling əlavə et
CSS, bir prosessor üçün xüsusi biçimlendirme talimatları verən ayrı bir fayldır. İşlemci XML sənədində hər bir xəttə ardıcıl olaraq baxır. Bəyannamə bəyanatı ilə başlayacaq. Bu faylın dilini müəyyənləşdirir və versiya kimi məlumat verir.
İşlemci, kodu bir sonraki satıra taşıyacak. CSS-ni bir XML faylı ilə əlaqələndirərkən, bu xətt formatlama faylına göstərici kimi xidmət etməlidir.
Bu xəttinizi RSS XML faylına əlavə edərək, prosessorun məlumatı olan ayrı bir fayl olduğunu bildirirsiniz. Bu halda, fayl basamaklı bir stil hesabatıdır. İşlemci faylın açılmasını və oxumasını bilir. RSS feed üçün başa XML faylı belə bir şeyə baxacaq:
XML və Lifewire dünyasından maraqlı məqalələr http://www.lifewire.com/xml-articles-example-url.html Lifewire Web dizaynında olan bütün ipuçlarını oxuyun https: // www. / /Məlumatlarınızı format və stiliniz necədir. XML faylında element etiketlərindən istifadə edin. Misal üçün:
maddə {display: block; margin-bottom: 30pt; margin-left; 0; }