RSS хэлбэрээр хэрхэн ажиллах вэ?

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

Асуулт бол та өөрийн вэбсайт эсвэл блогын талаархи мэдээллийг харагдах дуртай, сэтгэл татам зүйл дээрээ хийж чадах уу? Хариулт нь ҮГҮЙ. Үүнийг хийх хэд хэдэн аргууд байдаг боловч хамгийн энгийн нь таны CSS баримт бичигт CSS файлыг холбох явдал юм.

CSS гэж юу вэ?

Cascading Style Sheets (CSS) нь баримт бичигт форматлах нэг арга юм. CSS-ийн давуу тал нь хуудас, сегментийг танилцуулах зааврыг авдаг. Энэ нь нэг хуудсанд CSS хуудсанд олон баримт бичиг эсвэл вэб хуудсанд ажиллах боломжтой гэсэн үг юм. Би аль хэдийн CSS-г XML-г нэмж оруулсан. RSS feed-т XML файлын ажил хийж байх үед үзэл баримтлал нь адил байна.

RSS-г хэрхэн CSS дизайн нэмэх талаар

CSS нь процессорын тусгай форматыг заадаг тусдаа файл юм. Процессор нь мөр бүрийг XML баримт бичигт дарааллаар нь харна. Энэ нь тунхаглалын мэдэгдэлд эхэлнэ. Энэ нь файлын хэлийг тодорхойлж, хувилбар зэрэг мэдээллийг өгдөг.

Процессор нь кодын дараагийн мөрөнд шилжих болно. CSS файлыг XML формат руу холбох үед энэ мөр нь форматын файлд заагч болно.

Энэ мөрийг өөрийн XML XML файлд нэмснээр процессортой хамт тусдаа файл бий. Энэ тохиолдолд файлын хэлбэрт хуудас байна. Процессор үүнийг нээж, уншиж мэднэ. RSS feed-ийн дууссан XML файл дараах байдалтай байна:

Lifewire-ийн XML өгүүлэл XML болон Lifewire ертөнцөөс шинэ шинэ өргөлүүд: //www.lifewire.com/xml-articles-example-url.html Lifewire Вэб дизайн дахь бүх зөвлөмжүүд болон аргуудыг байнга шинэчлээрэй. https: // www. /

Мэдээллийг хэрхэн загварчилж, хэв маягийг та хэрхэн загварчилсан бэ? CSS файлд XML элементийн тэмдэглэгээг ашиглана уу. Жишээлбэл:

item {display: block; margin-bottom: 30pt; margin-left; 0; }