The Web Design Group

HTML 4 Gemeinsame Attribute

Eine Reihe von Attributen in HTML 4 sind den meisten Elementen gemeinsam. Diese Attribute sind in Kern-Attribute, internationalisierende Attribute und Scripting Events unterteilt.

Kern-Attribute

ID

Das ID-Attribut identifiziert ein Element innerhalb eines Dokuments eindeutig. Zwei Elemente können nicht den gleichen ID-Wert in einem Dokument. Der Wert des Attributs muss mit einem Buchstaben aus dem Bereich A-Z oder a-z beginnen und kann durch dir Buchstaben (A-Za-z), Zahlen (0-9), Bindestriche ("-"), Unterstriche ("_"), Doppelpunkte (":"), und Punkte (".") gefolgt werden. Der ist case-sensitive.

Das folgende Beispiel verwendet das ID-Attribut um die ersten beiden Paragraphen eines Dokuments zu identifizieren:

<P ID=firstp>My first paragraph.</P>
<P ID=secondp>My second paragaph.</P>

Die Paragraphen in dem Beispiel können Style-Regeln enthalten, die mit ihren ID-Attributen verknüpft sind. Das folgende Cascading Style Sheet definiert einzigartige Farben für die beiden Paragraphen:

P#firstp {
  color: navy;
  background: none
}

P#secondp {
  color: black;
  background: none
}

Die Paragraphen im Initial-Beispiel könnten auch als Anker für Links verwendet werden:

<P>See <A HREF="#firstp">the opening paragraph</A> for more information.</P>

Nehmen Sie zur Kenntnis, dass alte Browser das ID-Attribut für Link-Anker nicht unterstützen. Um eine höhere Kompatibilität zu erreichen, sollten die Autoren <A NAME="...">...</A> innerhalb des Elements anstatt von ID verwenden.

Da das ID- und das NAME-Attribut von A sich den gleichen Namen teilen, können Autoren für ein ID- und ein NAME-Attribut eines A-Elements nicht den gleichen Wert für verschiedene Elemente im gleichen Dokument haben. Nehmen Sie weiterhin zur Kenntnis, dass NAME Entities enthalten kann, der Wert des ID-Attributs jedoch nicht.

CLASS

Das CLASS-Attribut ordnet das Element einer oder mehreren Klassen zu. Klassen erlauben dem Autor spezifische Arten eines Elements festzulegen. Zum Beispiel kann ein Autor für Java-Code <CODE CLASS=Java> verwenden, und <CODE CLASS=Perl> für Perl-Code.

Anders als beim ID-Attribut können einige Elemente Teil der gleichen Klasse sein. Ein Element kann auch zu mehreren Klassen gehören; der Wert des CLASS-Attributs ist eine durch Leerzeichen-getrennte Liste mit Klassennamen. Der Wert ist case-sensitive.

Nehmen Sie zur Kenntnis, dass ältere Browser mehrere Klassen nicht unterstützen. Solche Browser ignorieren normalerweise auch CLASS-Attribute, die mehrere Klassen festlegen.

Das CLASS-Attribut ist teilweise sehr nützlich, wenn es mit Style Sheets kombiniert wird. Denken Sie zum Beispiel an die folgende Navigationsleiste:

<DIV CLASS=navbar>
<P><A HREF="/">Home</A> | <A HREF="./">Index</A> | <A HREF="/search.html">Search</A></P>
<P><A HREF="/"><IMG SRC="logo.gif" ALT="" TITLE="WDG Logo"></A></P>
</DIV>

Die Verwendung des CLASS-Attributs in diesem Beispiel erlaubt ein einfaches Hinzufügen der Style-Regeln. Das folgende Cascading Style Sheet schlägt eine Darstellung für das vorherige Beispiel vor:

.navbar {
  margin-top: 2em;
  padding-top: 1em;
  border-top: solid thin navy
}

.navbar IMG { float: right }

@media print {
  .navbar { display: none }
}

STYLE

Das STYLE-Attribut erlaubt Autoren inline Style-Regeln festzulegen, die nur ein Element betreffen. Ein Beispiel:

<P>A popular font for on-screen reading is <SPAN STYLE="font-family: Verdana">Verdana</SPAN>.</P>

Wenn das STYLE-Attribut verwendet wird, muss eine Standard-Style-Sheet-Sprache für das Dokument festgelegt werden, indem man den Content-Style-Type HTTP Header auf den Media-Typ der Style-Sheet-Sprache setzt. Das vorherige Beispiel könnte das folgende META-Element im HEAD des Dokuments benutzen:

<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">

In den meisten Fällen ist die Verwendung der CLASS- oder ID-Attribute anstatt von STYLE die bessere Wahl, da ID und CLASS selektiv auf verschiedene Medien angewendet werden können und sie eine Trennung von Inhalt und Darstellung anbieten, was die Instandhaltung vereinfacht.

TITLE

Das TITLE-Attribut bietet einen Titel für ein Element an und wird in visuellen Browsern als "Tooltip" implementiert. Das Attribut ist am nützlichsten bei A-, AREA-, LINK- und IMG-Elementen, wo es einen Titel für eine verlinkte oder eine eingebettete Quelle bietet. Einige Beispiele:

TITLE ist ebenfalls hilfreich mit den ABBR- und ACRONYM-Elementen um die Langform einer Abkürzung anzubieten. Beispiele:

Internationalisierende Attribute

LANG

Das LANG-Attribut legt die Sprache für die Werte der Elementattribute und deren Inhalte fest, es schließt auch alle enthaltenen Elemente mit ein, die nicht ihre eigenes LANG-Attribut besitzen. Auch wenn das LANG-Attribut nicht so stark unterstützt wird, hilft seine Verwendung Suchmaschinen ein Dokument durch seine Sprache zu indizieren, während es auch Sprachsynthesizern erlaubt sprachabhänige Ausspracheregeln zu verwenden. Visuelle Browser können auch die spracheigenen Anführungszeichen verwenden, wenn sie das Q-Element darstellen.

Der Wert des Attributs ist case-insensitive, und sollte dem RFC 1766-Standard entsprechen; Beispiele enthalten en für Englisch, en-US für Amerikanisches Englisch und ja für Japanisch. Leerzeichen sind im Sprach-Code nicht gestattet.

Die Verwendung des LANG-Attributs erlaubt es den Autoren auch den Style des Textes durch die Abhängigkeit zur Sprache einfach zu verändern. Zum Beispiel, ein zweisprachiges Dokument kann eine Sprache in kursiver Schrift haben, wenn es visuell dargestellt wird oder in einer anderen Sprache, wenn es in aural dargestellt wird. Der HTML-Code eines solchen Dokuments müsste wie folgt aussehen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<TITLE>Welcome - Bienvenue</TITLE>
<H1>
  <SPAN LANG=en>Welcome</SPAN> -
  <SPAN LANG=fr>Bienvenue</SPAN>
</H1>
<P LANG=en>This paragraph is in English.</P>
<P LANG=fr>Ce paragraphe est en français.</P>
...

Die primäre Sprache eines Dokuments kann durch LANG-Attribute eines HTML-Elements festgelegt werden, oder, alternativ, durch die Verwendung des Content-Language HTTP Headers.

DIR

Das DIR-Attribut legt die Richtung des Textes fest--von-links-nach-rechts (DIR=ltr, der Standardwert) oder von-rechts-nach-links (DIR=rtl). Zeichen im Unicode sind einer Richtung zugeordnet, entweder von-links-nach-rechts oder von-rechts-nach-links, um den Text korrekt darzustellen. Zum Beispiel werden englische Zeichen von-links-nach-rechts darsgestellt, hebräische Zeichen hingegen von-rechts-nach-links.

Unicode definiert einen bidirektionalen Algorithmus, der angewendet werden muss, wann auch immer ein Dokument von-rechts-nach-links Zeichen enthält. Während dieser Algorithmus normalerweise eine korrekte Darstellung liefert, gibt es Situationen in denen die Richtung des Textes neutral bleibt und das DIR-Attribut benötigt um die Basisrichtung festzulegen.

Der Text ist oft in seiner Richtung neutral, wenn mehrmals Inhalt mit verschiedenen Richtungen eingebunden wird. Zum Beispiel benötigt ein englischer Satzs, der eine hebräische Phrase mit einem englischen Zitat enthält, das DIR-Attribut um die Richtung der hebräischen Phrase zu definieren. Die hebräische Phrase, die das englische Zitat enthält, sollte innerhalb eines SPAN-Elements mit DIR=rtl stehen.

Gemeinsame Scripting Events

Eine Reihe von Attribute, die Client-seitige Scripting-Events definieren, sind in vielen Elementen gleich. Der Wert des Attributs ist ein Script--typischerweise ein Funktionsaufruf oder ein paar kurze Anweisungen--die ausgeführt werden, wenn das Event eintritt. Der Wert kann Entities (z.B., &quot;) enthalten.

Das folgende Beispiel legt JavaScript-Code fest um zwei Events des Submit-Buttons abzufangen, indem es dem User einen Hinweis in der Statuszeile gibt, wenn die Mouse über den Button bewegt wird und diesen wieder entfernt, wenn die Mouse den Button wieder verlässt. Nehmen Sie zur Kenntnis, dass die Werte des Attributs durch einzelne Anführungszeichen abgegrenzt werden, da die doppelten Anführungszeichen innerhalb dieser verwendet werden.

<INPUT TYPE=submit ONMOUSEOVER='window.status="Did you fill in all required fields?";' ONMOUSEOUT='window.status="";'>

Wenn ein Event-Attribut verwendet wird, muss eine Standard-Scripting-Sprache für das Dokument festgelegt werden, indem der Content-Script-Type HTTP Header auf den Media-Typ der Scripting-Sprache gesetzt wird. Das vorherige Beispiel könnte das folgenden META-Element im HEAD des Dokuments verwenden:

<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">

Die gemeinsamen Event-Attribute sind Geräte-abhängig und größtenteils auf die grafische Benztzerschnittstelle zugeschnitten. Die möglichen Events sind wie folgt: