HTML5 kurz & gut (eBook)

Jennifer Niederst Robbins (Autor)

eBook Download: PDF

2014 | 5. Auflage
192 Seiten
O'Reilly Verlag
978-3-95561-657-1 (ISBN)

Infos

Diese Kurzreferenz ist der optimale Begleiter für alle Webdesigner und -entwickler, die Wert darauf legen, standardkonforme Websites zu erstellen. Das Buch eignet sich hervorragend zum Nachschlagen und bietet einen strukturierten Überblick über alle HTML-Tags und ihre Attribute. Für diese 5. Auflage wurde es komplett überarbeitet und basiert auf den aktuellen HTML5-Spezifikationen. HTML5 - kurz & gut enthält eine alphabetische Übersicht über alle HTML-Elemente, die Ihnen die Suche nach bestimmten Tags und Attributen so einfach wie möglich macht. Weitere nützliche Listen und kurze Codebeispiele runden das Buch ab.

Jennifer Niederst Robbins gehörte zu den Pionieren des Webdesigns und gestaltete schon 1993 die erste kommerzielle Website, den Global Network Navigator (GNN) von O'Reilly. Seit 1996 arbeitet sie als freie Designerin und Beraterin. Jennifer unterrichtete Webdesign am Massachusetts College of Art und sprach auf wichtigen Design- und Internet-Konferenzen. Sie ist Autorin der O'Reilly-Bücher Webdesign mit (X)HTML und CSS und Webdesign in a Nutshell.

Textauszug

Globale HTML5-Attribute

Hierbei handelt es sich um eine Reihe von Attributen, die mit sämtlichen HTML5-Elementen verwendet werden können . Diese werden auch als globale Attribute bezeichnet:

accesskey="Zeichen"

Definiert ein Tastaturkürzel (access key), das ein Element aktiviert oder ihm den Fokus zuteilt. Der Wert ist ein einzelnes Zeichen. Benutzer können mit der Tastenkombination Alt-<Taste> (PC) bzw. Ctrl-<Taste> (Mac) auf das Element zugreifen.

class="Textstring"

Weist dem Element einen oder mehrere Klassennamen zu.

contenteditable="true|false"

Nicht in HTML 4.01. Besagt, dass der Inhalt des Elements durch den Benutzer verändert werden kann. Dieses Attribut wird von aktuellen Browserversionen bereits gut unterstützt.

contextmenu="ID des Menüelements"

Nicht in HTML 4.01. Weist dem Element ein Kontextmenü zu. Das Kontextmenü muss vom Benutzer aufgerufen werden, zum Beispiel durch einen Rechtsklick.

dir="ltr|rtl|auto"

Gibt die Schreibrichtung eines Elements an. Der Wert ltr bedeutet »von links nach rechts«, rtl steht für »von rechts nach links«. auto überlässt die Ermittlung der Schreibrichtung dem Browser.

draggable="true|false"

Nicht in HTML 4.01. Gibt an, dass ein Element per Drag-and-Drop an eine neue Position im Fenster verschoben werden kann.

dropzone="copy|move|link|string:Textstring-Typ|file:Dateityp"

Nicht in HTML 4.01. Gibt an, was passiert, wenn Daten auf ein Element gezogen werden, und welche Art von Daten akzeptiert werden. Der Wert copy legt eine Kopie der auf das Element gezogenen Daten an, move verschiebt die Daten an einen neuen Ort, link gibt einen Link auf die Originaldaten zurück. Die Angabe von string:text/plain ermöglicht die Verwendung eines beliebigen Textstrings. Der Wert file: gibt an, welche Art von Datei akzeptiert wird (z.B. file:image/png). Sowohl die auszuführende Aktion als auch die Art der akzeptierten Daten können angegeben werden, zum Beispiel dropzone="copy string:text/plain".

hidden (hidden="hidden" in XHTML)

Nicht in HTML 4.01. Verhindert die Darstellung des Elements und seiner Nachkommen im Browser. Sämtliche Skripts oder Formularelemente werden weiterhin ausgeführt, aber nicht angezeigt.

id="Textstring"

Weist dem Element eine einmalige ID zu .

inert (inert="inert" in XHTML)

WHATWG & Nur HTML5.1. Markiert ein Element als inaktiv (inert). Ein so gekennzeichnetes Element kann weder ausgewählt noch gesucht oder von Benutzerinteraktionen angesprochen werden.

itemid="Text"

WHATWG & Nur HTML5.1. Teil des Mikrodatensystems zum Einbetten maschinenlesbarer Daten. Das Attribut itemid enthält einen global anerkannten Identifier (wie beispielsweise den ISBN-Code für ein Buch). Es wird zusammen mit dem Attribut itemtype im selben Element verwendet, das das dazugehörige itemscope-Attribut enthält.

itemprop="Text"

WHATWG & Nur HTML5.1. Teil des Mikrodatensystems zum Einbetten maschinenlesbarer Daten. Das Attribut itemprop definiert den Namen der Eigenschaft. Der Inhalt des Elements definiert seinen Wert. Der Wert kann auch eine vom href-Attribut bereitgestellte URL eines a-Elements oder das src-Attribut eines img-Elements sein.

itemref="Durch Leerzeichen getrennte Liste mit IDs"

WHATWG & Nur HTML5.1. Teil des Mikrodatensystems zum Einbetten maschinenlesbarer Daten. Hierbei definiert das itemref-Attribut eine Liste der Elemente aus dem aktuellen Dokument (durch Angabe der Werte ihrer id-Attribute), die in einem Item enthalten sein sollen. Hierbei muss das itemref-Attribut im gleichen Element verwendet werden wie das itemscope-Attribut, mit dem das Itemangelegt wurde.

itemscope

WHATWG & Nur HTML5.1. Teil des Mikrodatensystems zum Einbetten maschinenlesbarer Daten. itemscope erzeugt ein neues Item, sprich, eine Gruppe von Eigenschaften (Name/Wert-Paare).

itemtype="URL oder umgekehrtes DNS-Label"

WHATWG & Nur HTML5.1. Teil des Mikrodatensystems zum Einbetten maschinenlesbarer Daten. Das Attribut itemtype kennzeichnet einen standardisierten Item-Typ anhand einer URL (z.B. http://vocab.example.net/book) oder ein umgekehrtes DNS-Label (z.B. com.example.person). Das itemtype-Attribut wird im selben Element verwendet wie das, das auch das itemscope-Attribut enthält.

lang

Gibt anhand eines Sprachcodes an, welche (natürliche) Sprache für das Element verwendet wurde .

xml:lang

Nur XHTML. Gibt in XHTML-Dokumenten an, welche (natürliche) Sprache für das Element verwendet werden soll.

spellcheck="true|false"

Nicht in HTML 4.01. Gibt an, ob für das Element Rechtschreibung und Grammatik überprüft werden sollen.

style="CSS-Stile"

Weist einem Element eine oder mehrere Inline-Stildefinitionen zu .

tabindex="Zahl"

Gibt an, welche Position das gegenwärtige Element in der Tabulatorreihenfolge des Dokuments hat. Der Wert muss zwischen 0 und 32.767 liegen. Durch Verwendung dieses Attributs kann sich der Benutzer durch mehrmaliges Drücken der Tabulatortaste z.B. durch die Links (oder Formularfelder) einer Seite bewegen.

title="Textstring"

Mit diesem Attribut kann ein Element mit einem Titel oder kurzen zusätzlichen Informationen versehen werden.

translate="yes|no"

Nicht in HTML 4.01. Gibt an, ob der Textinhalt bei einer Lokalisierung des Dokuments übersetzt werden soll. yes ist der Standardwert; der Wert no lässt den Inhalt unverändert.

Die folgenden Attribute sind nicht offiziell Teil der globalen Attribute, sind aber in HTML5-Elementen erlaubt:

aria-*="Textstring oder Zahl"

Nicht in HTML 4.01. Hiermit kann einem Element eine beliebige Zustands- oder Eigenschaftsdefinition nach dem WAI-ARIA-Standard zugewiesen werden, um so die Zugänglichkeit des Elements zu erhöhen, zum Beispiel aria-hidden="true". Der Wert des Attributs hängt von der jeweiligen Eigenschaft ab. Weitere Informationen zu den unterstützten Zustands- und Eigenschaftsdefinitionen finden Sie unter www.w3.org/TR/wai-aria/states_and_properties.

data-*="Textstring oder numerische Daten"

Nicht in HTML 4.01. Hiermit können Webautoren eigene datenbezogene Attribute erzeugen, zum Beispiel data-length, data-duration, data-speed usw. Auf diese Weise können für den Benutzer unsichtbare Daten direkt in das Dokument eingebettet und von eigenen Applikationen oder Skripts weiterverwendet werden.

role="standardisierte WAI-ARIA-Rolle"

Nicht in HTML 4.01. Weist dem Element eine der standardisierten WAI-ARIA-Rollen zu, um seinen Zweck für Benutzer mit Einschränkungen leichter erkennbar zu machen. Die folgenden Rollen (application, banner, complementary, contentinfo, form, main, navigation und search) haben eine wichtige Bedeutung...

Produkt-Details

• Erscheint lt. Verlag: 18.6.2014
• Verlagsort: Heidelberg
• Sprache: deutsch
• Themenwelt: Mathematik / Informatik ► Informatik ► Programmiersprachen / -werkzeuge
• Schlagworte: App-Entwickler • HTML5 • HTML-Elemente • Kurzreferenz • Webentwickler
• ISBN-10: 3-95561-657-6 / 3955616576
• ISBN-13: 978-3-95561-657-1 / 9783955616571