Jan 2009

XHTML-Elemente und -Attribute

Das W3C teilt XHTML-Tags in Gruppen je nach ihrer Funktion: Tags für die Struktur des Dokuments, für die Strukturierung von Texten, für Listen, Tabellen und Formulare, für Bilder und head-Tags.

Diese Gruppen richten sich zwar nicht an den Benutzer (sprich: den Webdesigner), sondern die Entwickler von XHTML-Sprachen, aber sie fassen die Elemente logisch zusammen.

Die Attribute der HTML-Elemente sind in einer Kurzform mit ihren Werten in der dritten Spalte aufgeführt. Die vierte Spalte gibt Auskunft, ob ein Element ein Block- oder Inlineelement ist, leer (empty) ist oder innerhalb einer Folge von Elementen liegen muss (flow).

Tabelle der XHTML-Elemente

Struktur
Element Aufgabe Attribute Form
body Vom Browser darstellbare Inhalte Kernattribute  
head Informationen, die nicht im Browserfenster dargestellt werden I18N, profile  
html Kennzeichnet das Dokument als html-Dokument I18N, version, xmlns (URI = "http://www.w3.org/1999/xhtml")  
title Seitentitel, erscheint in der oberen Browserleiste I18N  

Zum Seitenanfang

Text
Element Aufgabe Attribute Form
abbr Abkürzung Kernattribute inline
acronym Alternative Bezeichnung Kernattribute inline
address Adresse Kernattribute block
blockquote Zitat Kernattribute, cite block
br Neue Zeile Kernattribute block
cite Kurzes Zitat Kernattribute inline
code Darstellung von Computer-Code Kernattribute inline
dfn Definition Kernattribute inline
div Generischer Behälter Kernattribute block
em leichte Betonung Kernattribute inline
h1 Überschrift Ebene 1 Kernattribute block
h2 Überschrift Ebene 2 Kernattribute block
h3 Überschrift Ebene 3 Kernattribute block
h4 Überschrift Ebene 4 Kernattribute block
h5 Überschrift Ebene 5 Kernattribute block
h6 Überschrift Ebene 6 Kernattribute block
kbd Darstellung für Tastatureingaben Kernattribute inline
p Textabsatz Kernattribute block
pre Vorformatierter Text Kernattribute, xml:space="preserve" block
q Anführung Kernattribute, cite inline
samp Darstellung als Computercode Kernattribute inline
span Generischer Behälter für Inline-Inhalte Kernattribute inline
strong starke Betonung Kernattribute inline
var Darstellung als Variable in einem Programm Kernattribute inline

Zum Seitenanfang

Hypertext
Element Aufgabe Attribute Form
a Anker oder Hyperlink Kernattribute, accesskey (Character), charset (Charset), href, hreflang (LanguageCode), rel (LinkTypes), rev (LinkTypes), tabindex (ganzzahliger Wert), type (ContentType) inline

Zum Seitenanfang

Listen
Elemente Aufgabe Attribute Form
dl Beginn einer Definitionsliste Kernattribute Flow
dt Begriff in einer Definitionsliste Kernattribute  
dd Erklärung in einer Definitionsliste Kernattribute  
ol geordnete Liste Kernattribute Flow
ul Ungeordnete Liste Kernattribute flow
li Listenelement Kernattribute  

Zum Seitenanfang

Darstellung
Element Aufgabe Attribute Form
b fetter Text Kernattribute inline
big großer Text Kernattribute inline
hr Horizontale Linie Kernattribute block (leer)
i kursiver Text Kernattribute inline
small kleiner Text Kernattribute inline
sub tiefer gestellter Inhalt Kernattribute inline
sup höher gestellter Inhalt Kernattribute inline
tt Darstellung als Teletext Kernattribute inliine

Zum Seitenanfang

Bearbeiten von Dokumenten
Element Aufgabe Attribute Form
del Darstellung als gelöschter Text Kernattribute, cite, datetime (Datetime) inline
ins Darstellung als eingefügter Text Kernattribute, cite, datetime (Datetime) inline

Zum Seitenanfang

Bidirektionaler Text
Elemente Aufgabe Attribute Form
bdo Laufrichtung der Schrift Kernattribute, dir* ("ltr" | "rtl") inline

Zum Seitenanfang

Formulare
Elemente Aufgabe Attribute Form
form Behälter für ein Formular Kernattribute, accept (ContentTypes), accept-charset (Charsets), action*, method ("get"* | "post"), enctype (ContentType) block
input Eingabefeld Kernattribute, accept (ContentTypes), accesskey (Character), alt (Text), checked ("checked"), disabled ("disabled"), maxLänge (ganzzahliger Wert), name, readonly ("readonly"), size (ganzzahliger Wert), src, tabindex (ganzzahliger Wert), type ("text"* | "password" | "checkbox" | "button" | "radio" | "submit" | "reset" | "file" | "hidden" | "image"), value inline
select Behälter für eine Auswahlliste Kernattribute, disabled ("disabled"), multiple ("multiple"), name (CDATA), size (ganzzahliger Wert), tabindex (ganzzahliger Wert) inline
option Option einer Auswahlliste Kernattribute, disabled ("disabled"), label (Text), selected ("selected"), value inline
textarea Eingabefeld für lange Texte Kernattribute, accesskey (Character), cols* (ganzzahliger Wert), disabled ("disabled"), name, readonly ("readonly"), rows* (ganzzahliger Wert), tabindex (ganzzahliger Wert) inline
button Schaltfläche Kernattribute, accesskey (Character), disabled ("disabled"), name, tabindex (ganzzahliger Wert), type ("button" | "submit"* | "reset"), value inline
fieldset Behälter für Formularinhalte Kernattribute  
label Beschriftung eines Formularelements Kernattribute, accesskey (Character), for (IDREF) inline
legend Beschriftung eines Formularbereichs Kernattribute, accesskey (Character)  
optgroup Optionsgruppe in einer Auswahlliste Kernattribute, disabled ("disabled"), label* (Text) inline

Zum Seitenanfang

Tabellen
Elemente Aufgabe Attribute Form
caption Kurzbeschreibung einer Tabelle Kernattribute inline
table Tabelle Kernattribute, border (Pixels), cellpadding (Länge), cellspacing (Länge), frame ("void" | "above" | "below" | "hsides" | "lhs" | "rhs" | "vsides" | "box" | "border"), rules ("none" | "groups" | "rows" | "cols" | "all"), summary (Text), width (Länge) block
td Tabellenzelle Kernattribute, abbr (Text), axis, char (Character), charoff (Länge), colspan (ganzzahliger Wert), headers (IDREFS), rowspan (ganzzahliger Wert), scope ("row" | "col" | "rowgroup" | "colgroup") flow
th Kopfzelle einer Tabelle Kernattribute, abbr (Text), axis, char (Character), charoff (Länge), colspan (ganzzahliger Wert), headers (IDREFS), rowspan (ganzzahliger Wert), scope ("row" | "col" | "rowgroup" | "colgroup") flow
tr Tabellenreihe Kernattribute, char (Character), charoff (Länge) flow
col Tabellenspalte Kernattribute, char (Character), charoff (Länge), span (ganzzahliger Wert), width (MultiLänge) leer
colgroup Tabellenspaltengruppe Kernattribute, char (Character), charoff (Länge), span (ganzzahliger Wert), width (MultiLänge) flow
tbody Körper einer Tabelle Kernattribute, char (Character), charoff (Länge) flow
thead Tabellenkopf Kernattribute, char (Character), charoff (Länge) flow
tfoot Tabellenfuß Kernattribute, char (Character), charoff (Länge) flow

Zum Seitenanfang

Bilder
Elemente Aufgabe Attribute Form
img Bild Kernattribute, alt* (Text), height (Länge), longdesc, src* (URI), width (Länge) inline

Zum Seitenanfang

Client-seitige Image Map
Elemente Aufgabe Attribute Form
a   coords, shape ("rect" | "circle" | "poly" | "default") inline
area Bereiche einer Imagemap Kernattribute, accesskey (Character), alt* (Text), coords, href (URI), nohref ("nohref"), shape ("rect"* | "circle" | "poly" | "default"), tabindex (ganzzahliger Wert)  
img   usemap (IDREF) inline
input   usemap (IDREF)  
map   I18N, Events, class (NMTOKEN), id* (ID), title (CDATA) inline
object   usemap (IDREF) inline

Zum Seitenanfang

Server-seitige Image Map
Elemente Aufgabe Attribute Form
img   ismap ("ismap") inline
input   ismap ("ismap") inline

Zum Seitenanfang

Object
Elemente Aufgabe Attribute Form
object   Kernattribute, archive (URIs), classid (URI), codebase, codetype (ContentType), data, declare ("declare"), height (Länge), name, standby (Text), tabindex (ganzzahliger Wert), type (ContentType), width (Länge) inline
param   id (ID), name*, type (ContentType), value, valuetype ("data"* | "ref" | "object") inline

Zum Seitenanfang

Frames
Elemente Aufgabe Attribute Form
frameset Kennzeichnet ein Dokument als Frameset Kernattribute, cols ( MultiLänge ), rows ( MultiLänge )  
frame einzelner Rahmen Kernattribute, frameborder ("1" | "0"), longdesc ( URI ), marginheight ( Pixels ), marginwidth ( Pixels ), noresize ("noresize"), scrolling ("yes" | "no" | "auto"*), src ( URI )  
noframes Inhalte für Browser, die keine Frames darstellen Kernattribute  

Zum Seitenanfang

Iframe
Elemente Aufgabe Attribute Form
iframe Fenster in ein anderes Dokument Kernattribute, frameborder ("1" | "0"), height (Länge), longdesc , marginheight (Pixels), marginwidth (Pixels), scrolling ("yes" | "no" | "auto"*), src, width (Länge) inline

Zum Seitenanfang

Script
Elemente Aufgabe Attribute
noscript Altervativer Inhalt für Browser ohne Scriptunterstützung Kernattribute
script Aufruf eines Scripts charset (Charset), defer ("defer"), src, type* (ContentType), xml:space="preserve"

Zum Seitenanfang

  • Block | Tags zur Strukturierung von Texten und Daten erzeugen einen Zeilenumbruch und werden als „Blockelemente“ bezeichnet, da sie einen visuellen Block aufziehen. Einige Blockelemente können selber wieder Blockelemente enthalten, z.B. das div-Element.
  • Inline | Inlineelemente wie a und em erzeugen keinen Zeilenumbruch und dürfen keine Blockelemente enthalten. Insbesondere dürfen Inline-Tags nicht direkt innerhalb eines body-Elements liegen, sondern müssen immer innerhalb eines Blockelements liegen.
  • Empty | Leere Elemente enthalten keine Inhalte, können aber über ihre Attribute darstellbare Inhalte anzeigen, die nicht im Dokument selber liegen (z.B. das img-Element).
  • Flow | Flow-Elemente werden von Tags gebildet, die nur innerhalb von bestimmten Elementen einen Sinn ergeben – z.B. tr-Elemente (Tabellenreihen), die nur innerhalb eines table-Elements stehen und selber nur td- oder th-Tags enthalten dürfen.

Zum Seitenanfang

   
Copyright © 2000 - 2010 Media Engineering Alle Rechte vorbehalten
Design + Programmierung Media Engineering U. Häßler 47506 Neukirchen-Vluyn • Impressum und Nutzungsbestimmungen