Webdesign mit CSS und Stylesheets

CSS Webdesign - Namensräume

Sie sind hier im Workshop für Webdesign mit CSS und der Verwendung von Namensräumen.  

Was ein Namensraum ist kennen Sie eventuell aus der XML-Sprache. Auch in XHTML, können Sie Namensräume beim Erstellen von Webseiten verwenden, so lässt sich sehr schnell erkennen um was für einen Inhalt es sich handelt. Ich stelle Ihnen hier Beispiele vor:

address für Adressen z.B.

Webdesign Nürnberg · Design-Magics.de Kopernikusstr. 14 · 9076 Fürth · Ansprechpartner Herr Kiefer · Telefon: 0911-411876
Im Quelltext schaut das dann so aus:
<address>
Webdesign N&uuml;rnberg &middot; Design-Magics.de Kopernikusstr. 14
&middot; 9076 Fürth &middot; Ansprechpartner Herr Kiefer &middot; Telefon: 0911-411876
</address>
Der kleine Punkt wurde mit &middot; eingefügt. Die Browser stellen address kursiv dar, dies werden wir später mit CSS ändern.

blockquote (sollen in einem separatem Absatz </p> stehen) ist ein Namensraum für Zitate und mit cite können Sie z.B. kurze Textpassagen daraus hervorheben:

Dies und weitere Beispiele finden sich als Referenz in Little Boxes, Teil 1. Webseiten gestalten mit CSS und   Little Boxes, Teil 2. Webseiten gestalten mit CSS - diese können Sie hier bestellen

Hier ist der Quelltext dazu:
<p>
<blockquote>
Dies und weitere Beispiele finden sich als Referenz in&nbsp;Little Boxes, Teil 1. Webseiten gestalten mit CSS und &nbsp; Little Boxes, Teil 2. Webseiten gestalten mit CSS -
<cite>diese k&ouml;nnen Sie hier bestellen</cite>
</blockquote>
Anmerkung: cite gehört somit zu den sogenannten Inline-Elementen siehe dazu die Anleitung Inline Elemente
</p>

Die Anleitung orientiert sich an dem Buch little boxesWebseiten gestalten mit CSS Grundlagen. Von dem Autor sind die nachfolgenden Titel verfügbar:

Little Boxes, Teil 1. Webseiten gestalten mit CSS. Little Boxes, Teil 2. Webseiten gestalten mit CSS. Die Little Boxes-Box, 2 Bde inkl. CD-ROM



Nach oben