Webdesign mit CSS, HTML und Javascript
Stil mit {stil}
![]() Neue Kameras und Objektive | Bildgestaltung und Bildbearbeitung Fotografie von ihrer besten Seite: foto.5lux.de |
Sep 2008
HTML 4.0 Attribute
HTML-Attribute bringen neben der Strukturierung weitere Informationen in ein HTML-Tag. So braucht z.B. das a-Tag, das einen Link zu einem anderen HTML-Dokument darstellt, die Zieladresse zum verlinkten Dokument und das img-Tag, mit dem ein Bild in die Webseite gesetzt wird, den Pfad zur Bilddatei sowie Angaben zur Höhe und Breite des Bildes.
<tagname attribute="value" attribute="value">
<a href="hierhin.html">Link zu einer anderen Webseite</a> <img src="bild.jpg" width="300" height="220" alt="bild.jpg" />
HTML-Attribute werden in die spitzen Klammern des öffnenden Tags geschrieben und ihre Werte in Hochkommas gesetzt.
- HTML-Attribute sind Gestaltungsmerkmale wie width im <table>- und <img />-Tag
- machen es möglich, dass z.B. ein Skript gleichlautende Tags innerhalb eines Dokuments (name- und id-Attribut für die Benutzung in Skripten) voneinander unterscheiden kann,
- transportieren CSS-Eigenschaften in ein Tag (class- und style-Attribut) oder
- transferieren Informationen an den Browser (title- und src-Attribut).
Optionale und erforderliche Attribute
Die meisten Attribute sind optional, einige Attribute sind erforderlich (z.B. das src-Attribut in einem img-Tag, mit dem der Dateiname und der Pfad zu einem Bild im HTML-Dokument angegeben wird). Die meisten Attribute aus HTML 3.2 und davor sind inzwischen nicht mehr erlaubt (bgcolor, vlink, align, …), werden aber immer noch in vielen HTML-Dokumenten benutzt. Einige Attribute haben dieselben Namen wie Tags und haben dennoch nichts mit dem Tag zu tun (z.B. style und style, title und title).
Die Kernattribute – Attribute, die in fast allen HTML-Tags erlaubt und sinnvoll sind – sind
| id | class | style | title | lang | dir |
Eine Reihe von einfachen HTML-Tags erlaubt nur diese sechs Kernattribute.
| <abbr> | <acronym> | <address> | <b> | <bdo> | <big> |
| <cite> | <code> | <dd> | <dfn> | <dt> | <em> |
| <i> | <kbd> | <noframes> | <noscript> | <samp> | <small> |
| <span> | <strong> | <sub> | <sup> | <tt> | <var> |
Unerwünschte Attribute
Die folgenden Attribute lassen sich effizienter durch CSS-Regeln realisieren und gelten als unerwünscht in XHTML-Dokumenten im Modus »strict«:
| Attribut | nicht erlaubt in | erlaubt in | |
|---|---|---|---|
| link, alink, vlink, text, background, bgcolor | body | ||
| bgcolor | body, table, td, th, tr | ||
| border | img, object | table | |
| clear | br | ||
| language | script | ||
| name | form, img | a, button, input, map, meta, object, param, select, textarea | |
| noshade | hr | ||
| nowrap | td, th | ||
| start | ol | ||
| target | a, area, base, form, link | ||
| type | li, ol, ul | a, button, input, link, object, param, script, style | |
| value | li | button, input, option, param |

