HTML-Tags, Kompatiblität, Liste, Aufstellung, HTML, Beispiele, download, free, kostenlos
 HTML-Tags, Kompatiblität
    
 Home • HTML • Kompatiblität  

 HTML-Befehle und Kompatiblität

Im Wettbewerb der Browserhersteller wurden HTML-Befehle entwickelt die im Browser der Konkurenz nicht funktionierten. Laufschrift und Rahmenformatierungen sind bekannte Beispiele.
... der ewige Browserkrieg

Die Konkurenz versuchte natürlich immer aufzuholen und passte die nächste Version entsprechnd an. Erst die neueren Versionen 'verstanden' die vorher unbekannten Anweisungen. Zu Beginn gab es keine Organisation, die einen einheitlichen Standard schaffte. So wurden immer neue HTML-Tags kreiert.

Heute, nachdem es das World Wide Web Consortium (W3C) gibt, beruft man sich auf einen Standard und nach Einführung von CSS geht man den umgekehrten Weg: 'Rückbau' der HTML-Tag Auswahl. Alle HTML-Tags deren Aufgabe man mit CSS-Anweisungen schöner und eleganter lösen kann, sollen in Zukunft nicht mehr benutzt werden. Weil die Browser abwärts-kompatibel sein sollen, werden diese Tags aber weiter unterstützt.

Möchte man auf der sicheren Seite sien lautet das Rezept also: Sich auf einen minimalen Standard beschränken.

Informationen vom 16.08.2003, lange her trotzdem immer noch ein Thema: Die Liste der wichtigsten Tags mit den Konflikt-Tags, die ich hier markiert habe.

nicht alle Browser (das ändert sich mit jeder Browserversion)

diese Formatierungsbefehle werden u.U. in Zukunft duch CSS ersetzt.

  HTML-Tag Einsatz
  <!--....--> Kommentar
  <!doctype....> HTML-Version
  <[Element] class=> Unterklasse eines Elements
  <[Element] style=> Style-Sheet für ein Element
  <a href=> </a> Verweis
  <a name=> </a> Verweisanker
  <a target=> </a> Ziel für Verweis
  <app class=> Java-Applet einbinden (Sun-Syntax)
  <applet align=> </applet> Java-Applet Ausrichtung
  <applet alt=> </applet> Java-Applet Alternativtext
  <applet code=> </applet> Java-Applet einbinden: Programmdatei
  <applet height=> </applet> Java-Applet: Anzeigehöhe
  <applet hspace=> </applet> Abstand Java-Applet zu Text
  <applet src=> </applet> Java-Applet einbinden
  <applet vspace=> </applet> Abstand Java-Applet zu Text
  <applet width=> </applet> Java-Applet: Anzeigebreite
  <area coords=> </a> Koordinaten für verweis-sensitive Grafiken
  <area href=> </a> URI verweis-sensitive Grafiken
  <area shape=> </a> Verweisfläche verweis-sensitiven Grafiken

<b> </b> Fettschrift
  <base target=> Ziel für Verweise
  <basefontsize> Normalschriftgröße
  <bgsound src= loop=> Hintergrundmusik

<big> </big> Text größer als normal

<blink> </blink> blinkender Text

<blockquote> </blockquote> Absatztyp für Zitate
  <body alink=> </body> Farbe für aktiven Textlink
  <body background=> </body> HTML-Datei Hintergrundbild
  <body bgcolor=> </body> HTML-Datei Hintergrundfarbe

<body bgproperties=> </body> Wasserzeicheneffekt
  <body leftmargin=> </body> Seitenrand links/rechts
  <body link=> </body> Farbe für Texterweise
  <body topmargin=> </body> Seitenrand oben/unten
  <body vlink=> </body> Farbe für besuchte Verweise
  <br> Erzwungener Zeilenumbruch

<br clear=> Umfließenden Text abbrechen
  <center> </center> Abschnitte zentriert ausrichten
  <dd> </dd> Definition der Definitionsliste
  <dfn> </dfn> Definition
  <dir> </dir> Verzeichnis-Liste
  <div align=> </div> Abschnitte definieren/ausrichten
  <dl> </dl> Definitionsliste
  <dt> </dt> Element in Definitionsliste
  <embed height=> Anzeigehöhe einer Multimediadatei

<embed src=> Multimediadatei einbinden

<embed width=> Anzeigebreite einer Multimediadatei

<font color=> </font> Schriftfarbe

<font face=> </font> Schriftart

<font size=> </font> Schriftgröße
  <form action=> </form> Formular-Verarbeitung
  <form enctype=> </form> Formular-Versand-Option
  <form method=> </form> Formular-Verarbeitungmethode
  <frame marginheight=> Seitenrand eines Frames oben / unten
  <frame marginwidth=> Seitenrand eines Frames links/rechts
  <frame name=> Frames mit Namen definieren
  <frame noresize> Unveränderbare Frame-Fenstergröße
  <frame src=> Frames mit Inhalt definieren
  <frame srcolling=> Scrollbars bei Frames erlauben oder nicht
  <frameset border=> </frameset> Rahmenbreite beim Frameset
  <frameset cols=> </frameset> Frameset Spaltendefinition

<frameset frameborder=> </frameset> 3D-Rahmen beim Frameset
  <frameset framespacing=> </frameset> Rahmenzwischenraum beim Frameset
  <frameset rows=> </frameset> Frameset Zeilendefiniton

<h[1-6]> </h[1-6]> Überschrift
  <head> </head> Kopfbereich einer HTML-Datei
  <hr> Trennlinie
  <hr align=> Trennlinie ausrichten
  <hr color=> Trennlinienfarbe

<hr noshade> Trennlinie ohne Schatteneffekt
  <hr height=> Trennlinienhöhe
  <hr width=> Trennlinienlänge
  <html> </html> Beginn/Ende einer HTML-Datei

<i> </i> kursiver Text

<iframe align=> </iframe> Ausrichtung eines eingebetteten Frames

<iframe height=> </iframe> Höhe eines eingebetteten Frames

<iframe hspace=> </iframe> Abstand eingebetteter Frames zu Text

<iframe name=> </iframe> Name eines eingebetteten Frames

<iframe src=> </iframe> Inhalt eines eingebetteten Frames

<iframe scrolling=> </iframe> Scrollbars bei eingebettetem Frame

<iframe vspace=> </iframe> Abstand eingebetteter Frames zu Text

<iframe width=> </iframe> Breite eines eingebetteten Frames

<ilayer background=> </ilayer> Hintergundbild eines fließenden Layers

<ilayer bgcolor=> </ilayer> Hintergundfarbe eines fließenden Layers

<ilayer clip=> </ilayer> Fließender Layer: Anzeigebereich beschneiden

<ilayer left=> </ilayer> Obere linke Ecke fließender Layer: links

<ilayer name=> </ilayer> Name eines fließenden Layers

<ilayer top=> </ilayer> Obere linke Ecke fließender Layer: oben

<ilayer width=> </ilayer> Anzeigebreite fließender Layer
  <img align=> Grafikbeschriftung / Text um Grafik
  <img alt=> Grafik einbinden: alternativer Text
  <img border=> Grafik einbinden: Rahmen um Grafik

<img dynsrc=> Video einbinden

<img dynsrc= controls> Video mit Bedienbuttons

<img dynsrc= height=> Anzeigegröße des Videos

<img dynsrc= loop=> Video wiederholen

<img dynsrc= start=> Startbeginn des Videos

<img dynsrc= width=> Anzeigebreite des Videos
  <img height=> Grafikhöhe angeben
  <img hspace=> horizontaler Abstand Grafik / Text
  <img lowsrc=> Grafik in zwei Versionen laden
  <img src=> Grafik einbinden
  <img usemap=> Verweis-sensitive Grafik
  <img vspace=> Vertikaler Abstand Grafik / Text
  <img width=> Grafikbreite
  <input accept=> Mime-Typ bei Datei-Button
  <input name=> Name eine Formular-Elements
  <input maxlength=> Eingabefeld mit Maximallänge

<input size=> Eingabefeld mit Größe
  <input type=button> Frei definierbarer Button
  <input type=checkbox> Checkbox
  <input type=hidden> Versteckte Formulardaten
  <input type=image src=> Grafischer Senden-Button
  <input type=password> Eingabefeld für Paßwörter
  <input type=radio> Radio-Button
  <input type=reset> Abbrechen-Button
  <input type=submit> Absende-Button
  <input type=text> Einzeiliges Eingabefeld
  <input value=> Wert eines Formularelements

<isindex> Durchsuchbarkeit von HTML-Dateien

<isindex prompt=> Durchsuchbarkeit mit Aufforderungstext

<layer above=> </layer> Anderer Layer über aktuellem Layer

<layer background=> </layer> Hintergundbild eines Layers

<layer below=> </layer> Anderer Layer unter aktuellem Layer
  <layer bgcolor=> </layer> Hintergundfarbe eines Layers

<layer clip=> </layer> Layer: Anzeigebereich beschneiden

<layer left=> </layer> Obere linke Ecke des Layers: links

<layer name=> </layer> Bezeichner / Name eines Layers

<layer top=> </layer> Obere linke Ecke des Layers: oben
  <layer visibility=> </layer> Layer anzeigen oder ausblenden
  <layer width=> </layer> Anzeigebreite des Layers
  <layer z-index=> </layer> Weiterer Layer über/unter aktuellem Layer
  <li> Liste Aufzählung
  <link rel=> Standardverweise
  <listing> </listing> Präformatierter Text

<marquee> </marquee> Lauftext

<marquee align=> </marquee> Lauftext ausrichten

<marquee behavior=> </marquee> Lauftext hin- und herwechselnd

<marquee bgcolor=> </marquee> Lauftext mit Hintergrundfarbe

<marquee direction=> </marquee> Lauftext mit Richtungsangabe

<marquee scrollamount=> </marquee> Lauftext mit Geschwindigkeitsangabe
  <marquee scrolldelay=> </marquee> Lauftext mit Geschwindigkeitsangabe
  <meta http-equiv= content=> Befehle an den Browser
  <meta name= content=> Allgemeine Angaben
  <nobr> </nobr> Zeilenumbruch verhindern
  <noframe> falls Browser keine Frames kennt
  <object align=> </object> Objektbeschriftung / Text um Objekt

<object border=> </object> Rahmen um Objekt
  <object classid=> </object> Java-Applet oder ActiveX als Objekt
  <object codebase=> </object> Java-Applet als Objekt, Pfadangabe
  <object codetype=> </object> Java-Applet als Objekt, Mime-Typ
  <object data=> </object> Datei eines Objekts
  <object declare> </object> Objekt nur auf Wunsch anzeigen
  <object height=> </object> Anzeigehöhe eines Objekts
  <object hspace=> </object> Horizontaler Abstand Objekt zu Text
  <object id=> </object> ActiveX als Objekt, Zielanker
  <object shapes> </object> Verweis-sensitive Grafik als Objekt
  <object standby=> </object> Meldungstext beim Laden eines Objekts
  <object type=> </object> Mime-Type eines Objekts
  <object vspace=> </object> Vertikaler Abstand Objekt zu Text
  <object width=> </object> Anzeigebreite eines Objekts
  <ol> </ol> Numerierte Liste
  <ol compact> </ol> Numerierte Liste Kompaktdarstellung
  <ol start=> </ol> Numerierte Liste mit Startwert
  <ol type=> </ol> Zeichen numerierte Liste
  <option> Eintrag in Auswahlliste
  <option selected> Eintrag in Auswahlliste vorgewählt
  <option value=> Absendewert von Eintrag in Auswahlliste

<p> Textabsatz

<p align=> Textabsatz Ausrichtung
  <param name= value=> Parameter bei Java-Applet

<pre> </pre> Präformatierter Text

<s> </s> durchgestrichener Text
  <script language=> </script> Scripts einbinden
  <select> </select> Auswahlliste
  <select multiple> </select> Auswahlliste mit Mehrfachauswahl
  <select size=> </select> Anzeigegröße der Auswahlliste

<small> </small> Text kleiner als normal

<strike> </strike> durchgestrichener Text

<strong> </strong> Hervorgehobener Text
  <style type=> </style> Style-Sheets definieren

<sub> </sub> tiefgestellter Text

<sup> </sup> hochgestellter Text
  <table align=> </table> Tabellen Ausrichtung

<table background=> </table> Hintergrundbild für Tabelle
  <table bgcolor=> </table> Hintergrundfarbe für Tabelle
  <table border> </table> Tabelle mit Rahmen und Gitternetzlinien
  <table border=> </table> Tabelle, Rahmendicke

<table bordercolor=> </table> Rahmenfarbe einer Tabelle

<table bordercolordark=> </table> Dunkle Rahmenfarbe einer Tabelle

<table bordercolorlight=> </table> Helle Rahmenfarbe einer Tabelle
  <table cellpadding=> </table> Tabelle, Innenabstand Zelleninhalt
  <table cellspacing=> </table> Tabelle, Zellenabstand

<table frame=> </table> Regeln für Tabellenrahmen
  <table height=> </table> Höhe der Tabelle
  <table width=> </table> Breite der Tabelle
  <tbody> </tbody> Tabellenkörper
  <td> </td> Tabellenzelle
  <td align=> </td> Tabellenzelleninhalt horizontal ausrichten
  <td background=> </td> Hintergrundbild für Tabellenzelle
  <td bgcolor=> </td> Hintergrundfarbe für Tabellenzelle
  <td colspan=> </td> Tabellenzellen spaltenweise verbinden
  <td height=> </td> Zeilenhöhe Tabellenzelle
  <td nowrap> </td> Zeilenumbruch in Tabellenzelle verhindern
  <td rowspan=> </td> Tabellenzellen zeilenweise verbinden







NACH OBEN