Universalattribut

von Thomas Salvador, 25.03.2010

Beispiel

Benennung eines Elements:

<html>
  <head>
    <title>Ein Titel</title>
  </head>
  <body>
    ...
    <h1 id="kapitel2">Kapitel 2</h1>
    ...
    <a href="#kapitel2">zum 2. Kapitel</a>
  </body>
<html>

Anwendung

Das Attribut id weist einem Element einen Namen zu. Dieser muss in der Datei eindeutig sein und kann genau einem Element zugewiesen werden.

Das Attribut wird unterschiedlich genutzt:

Zum einen kann das so ausgezeichnete Element mit CSS formatiert werden. Nutzen Sie dazu die id-Selektion mit dem Doppelkreuz.

Für obiges Beispiel könnten Sie etwa definieren:

#kapitel2 {color:red;}

was genau diesem Element (hier eine Überschrift) eine rote Schriftfarbe zuordnen würde.

Darüber hinaus verallgemeinert id das ältere name-Attribut des a-Tag. Während früher Linkziele explizit mit einem a-Tag benannt werden musste, kann heute allgemein jedes Element mit seinem id-Namen angesprochen werden. Im obigen Beispiel sehen Sie einen Link auf "#kapitel2", womit zu dieser Überschrift gesprungen wird.

Auf ein mit id-bezeichnetes Element kann mit Scripten leicht zugegriffen werden. Nutzen Sie getElementById(), um das Element in Javascript anzusprechen. Etwa so:

<script type="text/javascript">
  var ueberschrift = document.getElementById('kapitel2');
  ...
</script>

Hinweise

Beachten Sie die Groß- und Kleinschreibung. Während es für CSS keinen Unterschied macht, sind über Javascript und interne Verlinkung "kapitel2" und "Kapitel2" zwei unterschiedliche Namen. Wie immer empfehle ich Ihnen, alles durchgängig klein zu schreiben.

Universelle Attribute in HTML

Attribut	Beschreibung
class	Space-separierte Liste von CSS-Klassen
dir	Ausrichtung von Text und Tabellen
id	Universalattribut
lang	Sprache des Elementes
style	Inline Style
title	Bezeichnender Titel

Kaffee-
kasse:
1 EUR
3 EUR
5 EUR

Copyright © 1999–2010 Thomas Salvador und brauchbar.de . Alle Rechte vorbehalten. Gehostet bei 1 und 1. Seite erzeugt in 113.12ms.
Reproduktion, ganz oder in Teilen, nur mit schriftlicher Zustimmung von Thomas Salvador. Impressum · Datenschutzerklärung · Kontakt.
Auf diese Seite linken: http://brauchbar.de/html-4-referenz/attribute-id .
Endlich ein optimaler Tarif | Sie zahlen wahrscheinlich zu viel! | Britische Lebensversicherungen vergleichen