News feeds
Indlæs andet indhold på denne side:
Når vi snakker om news feeds, er det en sag med to sider:
- Det feed, som indeholder nyhedsreferaterne - skrives i xml
- En funktion, som kan læse feedet. Her er der tre forskellige muligheder:
- Et script, som oversætter xml-filen til html, der kan vises i enhver browser.
- Et plugin til browseren, så feedet kan læses umiddelbart i browseren.
- Et specielt program - en news aggregator, som kan vise et news feed på samme måde, som en browser viser html-sider.
Læg css i dit rss
Siden er opdateret 1. 4. 2006
Når du ser et rss i din browser, vil det (hvis der ikke er lavet css til rss'et) se nogenlunde sådan ud - jeg har forkortet en del for overskuelighedens skyld:
Denne XML-fil har ingen stilinformation tilknyttet. Dokumenttræet vises herunder.
-<rss version="2.0">
-<channel>
<title>Hjemmesideskolen</title>
-<description>
Din egen hjemmeside - det er nemt
</description>
<link>http://hjemmesideskolen.dk</link>
<pubDate>Wed, 25 Jan 2006 23:18:35 +0100</pubDate>
-<item>
<title>Nu dato og tid på dansk</title>
<description>
Hidtil har alle dato- og tidsangivelser....
</description>
<link>http://hjemmesideskolen.dk/nyheder/</link>
<pubDate>Tue, 7 Mar 2006 00:07:42 +0100</pubDate>
</item>
</channel>
</rss>
Det er jo ikke så overskueligt, så vi lægger noget css på rss'et. Det gør vi ved at vi øverst i kildekoden lægger et link til den anvendte css:
<?xml version="1.0" encoding="iso-8859-1" ?>
<?xml-stylesheet type="text/css" href="http://server.dk/rss.css"?>
<rss version="2.0">
...
Herefter mangler vi bare at lave rss.css. det er i princippet ikke anderledes end når man laver css til html. Det er bare nogle andre elementer, som skal formateres. Jeg vil her blot gengive et kort resume af min egen rss.css:
<?xml-stylesheet type="text/css" href="/rss.css" ?>
rss, channel, title, item, link, description, pubDate {
display: block;
padding: 20px;
}
link {
font-family: verdana, arial, sans-serif;
font-size: 12px;
display: block;
}
title {
display: block;
margin: 0 0 0 20px;
padding: 2px 2px 2px 5px;
border-bottom: 1px solid #ccf;
}
item {
display: block;
}
description {
display: block;
}
pubDate {
font-size: 11px;
}
/* skjul */
language, docs, generator, lastBuildDate, image, width, height {
display: none;
}
Se selv forskellen - det er langt mere overskueligt, ik'?.
tilføjelsen af css har ingen indflydelse på, hvordan dit rss bliver vist, hvis det sker via det asp-script, jeg har vist andetsteds på disse sider. Her er det det normale css, der bestemmer.
Det har heller ikke nogen indflydelse på, hvordan dit rss bliver vist i en browser, som har fået installeret et rss-reader plugin.
