Bücher online kostenlos Kostenlos Online Lesen
HTML5-Handbuch - die neuen Features von HTML5

HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis
Vom Netzwerk:
HTML
    HTML-Dokumente bestehen aus Text. Zur Textauszeichnung gibt es bestimmte Zeichen aus dem normalen Zeichenvorrat. Der Inhalt von HTML-Dokumenten steht in HTML-Elementen. HTML-Elemente werden durch sogenannte Tags markiert. Fast alle HTML-Elemente werden durch ein einleitendes und ein schließendes Tag markiert. Der Inhalt dazwischen ist der Gültigkeitsbereich des entsprechenden Elements. Tags werden in spitzen Klammern notiert. Ein Beispiel
    

HTML – die Sprache des Web


    Das Beispiel zeigt eine Überschrift 1. Ordnung. Das einleitende Tag


signalisiert, dass eine Überschrift 1. Ordnung folgt (h = heading = Überschrift). Das abschließende Tag


signalisiert das Ende der Überschrift. Ein abschließendes Tag beginnt mit einem Schrägstrich (
/
).
    Bei HTML spielt es keine Rolle, ob die Elementnamen in den Tags in Klein- oder Großbuchstaben notiert werden. So bedeuten


und


das Gleiche. In XHTML müssen Elementnamen dagegen klein geschrieben werden.
Standalone-Tags
    Es gibt auch einige Elemente mit Standalone-Tags, d. h. Elemente, die keinen Inhalt haben und deshalb nur aus einem Tag bestehen statt aus Anfangs- und End-Tag. Ein Beispiel
    Eine Zeile, ein manueller Zeilenumbruch

    und die nächste Zeile
    Am Ende der ersten Zeile signalisiert


, dass ein manueller Zeilenumbruch eingefügt werden soll (br = break = Umbruch).
    Wenn Sie XHTML-gerecht schreiben wollen, müssen Sie Elemente mit Standalone-Tags anders notieren: Anstelle von


müssen Sie


notieren – also den Elementnamen mit einem abschließenden Schrägstrich. Alternativ dazu können Sie auch



notieren, also ein Element mit Anfangs- und End-Tag, aber ohne Inhalt. In HTML5 ist die XHTML-Notationsform ebenfalls erlaubt, d. h. dort können Sie sowohl


als auch


notieren.
Verschachtelung von Elementen
    Elemente können ineinander verschachtelt werden. Auf diese Weise entsteht eine hierarchische Struktur. Komplexere HTML-Dokumente enthalten sehr viele und tiefe Verschachtelungen. Deshalb sprechen Fachleute auch von strukturiertem Markup. Ein Beispiel
    

HTML – die Sprache des Web


    Das
abbr
-Element markiert eine Abkürzung. Die Grundregel beim Verschachteln von Elementen besteht darin, dass Elemente in der umgekehrten Reihenfolge geschlossen werden, in der sie geöffnet wurden. Das innerste Element wird also zuerst geschlossen, dann das äußerste.
    Eine Sequenz wie
    

class="important">HTML
CSS

PHP
XML
    


    ist nicht erlaubt. Korrekt ist dagegen
    

class="important">HTML
CSS


class="important">PHP
XML


.
Attribute in Tags
    Einleitende Tags und Standalone-Tags können zusätzliche Angaben enthalten.
lang="de"
beispielsweise signalisiert dem interpretierenden Programm, dass der Elementinhalt deutschsprachig ist (lang = language = Sprache, de = eutsch):
    

HTML – die Sprache des Web


    Es gibt folgende Arten von Attributen in HTML-Elementen:
•   Attribute mit Wertzuweisung, wobei es bestimmte erlaubte Werte gibt, z. B. bei

(Schaltfläche in einem Formular). Das
type
-Attribut bestimmt den Typ des Formularelements. Es gibt eine Reihe erlaubter Werte, etwa
text
,
checkbox
,
radio
,
file
,
submit
,
reset
oder
hidden
.
•   Attribute mit freier Wertzuweisung, wobei jedoch ein bestimmter Datentyp oder eine bestimmte Konvention erwartet wird, z. B.