Zengin Site Özeti ( RSS - genellikle Gerçek Basit Sendikasyon olarak bilinir) ile öne çıkan bir sorun stil ya da eksikliğidir. Herhangi bir formatlama yapılmadan bırakılmış, RSS beslemesinde sunulan bilgiler ham verilerden başka bir şey değildir. Bilgisayar çıktısı veya metin dosyası gibi görünüyor. Hala işlevseldir ve bir okuyucunun içeriği tüketmesi gereken tüm bilgileri sağlar, ancak mülayim görünür.
Soru, web siteniz veya blogunuz hakkındaki bilgileri görsel olarak hoş ve çekici hale getirebilir mi? Cevap Evet. Bu konuda gitmenin birkaç yolu vardır, ancak en basit olanı bir CSS dosyasını XML belgenize bağlamanızdır.
CSS nedir?
Basamaklı Stil Sayfaları (CSS) bir belgeyi biçimlendirmenin bir yoludur. CSS'nin avantajı, bir sayfa için sunum talimatlarını alması ve bunu bölümlere ayırmasıdır. Bu, bir CSS sayfasının aslında birden çok belge veya web sayfası için çalışabileceği anlamına gelir. XML'e CSS eklemeyi çoktan öğrendim. RSS beslemesi için bir XML dosyası ile çalışırken, kavram aynıdır.
RSS'ye CSS Styling Ekleme
CSS, bir işlemciye özel biçimlendirme talimatları veren ayrı bir dosyadır. İşlemci, XML belgesindeki her satıra sırayla bakar. Bildiri beyanı ile başlayacaktır. Bu, dosyanın dilini tanımlar ve sürüm gibi bilgi sağlar.
İşlemci, koddaki bir sonraki satıra doğru hareket edecektir. CSS'yi bir XML dosyasına bağlarken, bu satır, formatlama dosyasına bir işaretçi işlevi görmelidir.
Bu satırı RSS XML dosyanıza ekleyerek, işlemciye bilgi içeren ayrı bir dosya olduğunu söylersiniz. Bu durumda, dosya basamaklı bir stil sayfasıdır. İşlemci bu dosyayı açıp okuduğunu bilir. RSS beslemesi için tamamlanmış XML dosyası şöyle bir şeye benzeyecektir:
Lifewire gelen XML Makaleler XML ve Lifewire dünyasından yeni teklifler heyecan verici https: //www.lifewire.com/xml-articles-example-url.html Lifewire web tasarımında tüm ipuçları ve püf noktaları güncel tutun https: // www. /Bilgileri biçimlendirmek ve biçimlendirmek size kalmış. CSS dosyası için XML'deki eleman etiketlerini kullanın. Örneğin:
öğe {display: block; kenar boşluğu: 30pt; kenar sol; 0; }