Web Slices für den IE8 ganz einfach selber machen
Am Wochenende hatte ich tatsächlich etwas Zeit, um mir mal die Web Slices für den IE8 genauer anzuschauen.
Interessant ist, wie einfach es ist ein Web Slice zu erstellen. Allerdings gibt es eine Stolperfalle über die man nicht unbedingt stolpern muss.
Ein Web Slice wird als HTML im HTML der Website definiert und erstellt. Definiert wird ein Web Slice über speziell vorgegebene CSS-Klassen. Diese Klassen können zur Formatierung genutzt werden, müssen aber nicht. Ich habe es einfach gemacht und gleich diese Klassen für die Formatierung genutzt.
Definiert wird ein Slice mit einem <div> mit der Klasse “hslice” und einer eindeutigen ID (die ID hält mehrere Slices auseinander)
<div class="hslice" id="baseslice">
<h2 class="entry-title">Mehr von Jürgen Gutsch</h2>
<div class="entry-content">
</div>
</div>
Innerhalb des Slices wird ein Titel definiert. Üblicherweise ein <h2> Element. Der Titel wird über die Klasse “entry-titel” definiert. Dieser Titel erscheint dann in der Favoritenleiste des IE8.
Der eigentliche Inhalt des Slices wird in einem <div> mit der Klasse “entry-content” erstellt und kann im Prinzip alles beinhalten, sogar dynamischen Inhalt von einer anderen Seite. Dazu wird im <div>-Element für den Inhalt einfach ein “href” mit dem Link zur Externen Ressource eingefügt.
Die eine Stolperfalle gibt es bei der Formatierung: Das CSS greift nur, wenn es auf die Klasse “entry-content” angewendet wird, also auf das <div> für den Inhalt. Nicht aber auf das übergeordnete Element. Zudem werden die Formatierungen vom Dokument übernommen. Diese müssen also ggf. überschrieben werden.
Ein Web Slice könnte dann z. B. so aussehen:
ein sehr guter Artikel zum Thema ist im MSDN-Magazine zu finden: http://msdn.microsoft.com/de-de/magazine/dd458804.aspx
Und auch im Blog von Klaus Bock:
http://blog.klaus-b.net/
