Platzhalter

 
Platzhalter PlatzhalterPlatzhalter

Interessante Text-Tags

Platzhalter
 
  Startseite
  eBook-Projekt
  Web-Lexikon
  Bücher bestellen
   
  Design-Theorie
  Design-Praxis
  Promotion
  HTML/XML-Praxis
  Projekt-Management
  Webmaster-Praxis
  Fragen & Antworten
  Technik-Ecke
   
  Portal/Links
  Buch-Rezensionen
  Software
  Impressum
PlatzhalterPlatzhalter







 

Platzhalter HTML enthält viele Tags, die den meisten Programmierern unbekannt sind. Zum einen haben diese Tags oft selbst einen recht interessanten Effekt, zum anderen lassen diese Tags sich mit CSS umdefinieren. Es lohnt sich also, einige dieser Spezialisten zu kennen.

<pre>

Das pre-Tag steht für "präformatierter Text". Alles, was innerhalb dieses Tags steht, wird daher so angezeigt, wie es in der Datei steht. Wenn im Code also ein Leerzeichen oder ein Zeilenumbruch steht, wird das auch im Browser so angezeigt. Standardmäßig wird für die Anzeige eine diktengleiche Schrift, also z.B. Courier New, verwendet.

Andere Tags (auch zur Umfunktionierung mit CSS) mit sehr ähnlicher Wirkungsweise: <xmp>, <listing>, <plaintext>. Zu letzterem wird von NN 4 jedoch kein End-Tag akzeptiert - das Tag erstreckt sich dann bis zum nächsten Absatz-Befehl.

<address>

Kaum noch eingesetzt, dient dieses Tag zur logischen Auszeichnung von Adressen. Der IE z.B. setzt diese dann in kursive Schrift.

<blockquote>

Für Zitate gedacht ist das blockquote-Tag. Der enthaltene Text wird hervorgehoben dargestellt, oft durch Einrückung.

<q>

Das q-Tag kennzeichnet ebenfalls Zitate. Eigentlich sollte der enthaltende Text in Anführungszeichen gesetzt werden. Der IE verhält sicher hier aber leider nicht standardkonform - der Text wird überhaupt nicht zusätzlich gekennzeichnet. Mozilla 0.9.5 (und damit wohl auch Netscape 6.1) dagegen beachtet den Standard und setzt den Text in Anführungszeichen.

Wer für Mozilla optimiert, kann durchaus auch mit CSS weitere Optionen festlegen. So z.B. auch die Art der Anführungszeichen:

<style>
Q { quotes: '»' '«' }
Q { quotes: '„' '“' }
</style>


Aussehen sollte das dann so:

Zitat in französischen Anführungszeichen
Zitat wie in einem deutschen Text (untere Anführungszeichen tiefgestellt)

Sonstige Tags

Es gibt noch weitere Tags zur logischen Textauszeichnung. Der Inhalt der Tags wird entweder normal, diktengleich, kursiv oder fett dargestellt:

<em> (betont), <strong> (stark betont), <code> (Quellcode), <samp> (Beispiel), <acronym> (Abkürzung), <dfn> (Definition), <cite> (Zitat aus anderer Quelle), <var> (Variable), <kbd> (Tastatureingabe).

Autor: Alexander Dilthey | Erstmalig veröffentlicht: 16.10.2001 | Einen Artikel schreiben?

 

Neue Artikel

Rezension: Entwurfsmuster von Kopf bis Fuß
Rezension: Webdesign mit CSS
AJAX - XML und JavaScript in Schönheit vereint?
Rich Email - Flash im Newsletter
Screen Reader Usability
Comment Spam und CAPTCHAs
Logfile-Analyse selbst gemacht - ein Perl-Beispiel

Partnerprogramm




Kommentar

Ist die Freiheit der Informationsgesellschaft in Gefahr?
Derzeit leben wir in einer relativ freien Welt. Doch sind derzeit Tendenzen erkennbar, die Freiheit des Individuums den Interessen der Großindustrie zu opfern. Ein Kommentar.

Druckversion
Sie wollen diese Seite ausdrucken? Dafür haben wir eine spezielle Druckversion ohne grafische Elemente entwickelt!



Einführung in CSS bei HTMLWorld.