Montag, 10. Juni 2013

HTML Struktur - Head-Element

Probieren Sie es selbst - Beispiele

<title> - Definieren Sie einen Titel für ein HTML-Dokument
Verwenden Sie den Tag <title> einen Titel für ein Dokument definieren.
<base> - Standard-URL und Ziel für alle Links
Mit dem <base> tag eine Standard-URL und eine Standard-Ziel für alle Links auf einer Seite angeben.
<meta> - Bereitstellung von Metadaten für ein HTML-Dokument
verwenden <meta> Elemente, um eine Beschreibung, Schlüsselwörter, Autor und Zeichensatz eines Dokuments angeben.

Die HTML-head-Element

Das head-Element ist ein Container für alle Elemente Kopf. Elements innerhalb <head> können Skripte enthalten, weisen Sie den Browser, wo Stylesheets zu finden, stellen Metainformationen und mehr.
<title>, <style>, <meta>, <link>, <script>, <noscript> Und <base>: Die folgenden Tags können in den Kopf Abschnitt hinzugefügt werden.

Das HTML Element <title>

Das <title> Tag definiert den Titel des Dokuments.
Das <title> Element ist in allen HTML / XHTML-Dokumente erforderlich.
Das <title> element:
  • definiert einen Titel in der Symbolleiste des Browsers
  • bietet einen Titel für die Seite, wenn es zu den Favoriten hinzugefügt wird
  • zeigt einen Titel für die Seite in Suchmaschinen-Ergebnissen
Eine vereinfachte HTML-Dokument:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>


Das HTML Element <base>

Die <base> Tag gibt die Basis-URL / target für alle relativen URLs auf einer Seite:
<head>
<base href="http://www.w3schools.com/images/" target="_blank">
</head>


Das HTML Element <link>

Die <link> tag definiert die Beziehung zwischen einem Dokument und einer externen Quelle.
Der Tag ist <link> meisten verwendet, um Stylesheets zu verlinken:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


Das HTML Element <style>

Die <style> Tag dient dazu, Informationen für Stil eines HTML-Dokuments zu definieren.
Innerhalb der <style> Element, das Sie angeben, wie HTML-Elemente sollten in einem Browser machen:
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>


Das HTML Element <meta>

Metadaten sind Daten (Informationen) über Daten.
Der Tag bietet <meta> Metadaten über das HTML-Dokument. Metadaten werden nicht auf der Seite angezeigt werden, wird aber parsable Maschine sein.
Meta-Elemente sind in der Regel verwendet, um Seite Beschreibung, Schlüsselwörter, Autor des Dokuments, zuletzt geändert und andere Metadaten angeben.
Die Metadaten können von Browsern verwendet werden (wie auf den Inhalt oder reload Seite anzuzeigen), Suchmaschinen (Stichworte) oder andere Web-Services.
<meta> Tags geht immer im head-Element.

<meta>-Tags - Anwendungsbeispiele

Definieren Sie Keywords für Suchmaschinen:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
Definieren Sie eine Beschreibung Ihrer Webseite:
<meta name="description" content="Free Web tutorials on HTML and CSS">
Definieren Sie den Autor der Seite:
<meta name="author" content="Hege Refsnes">
Aktualisieren dokumentieren alle 30 Sekunden:
<meta http-equiv="refresh" content="30">


Das HTML Element <script>

Die <script> Tag dient dazu, eine Client-seitige Skript, wie eine JavaScript definieren.
Die <script> Element wird in einem späteren Kapitel erläutert.

HTML Kopf Elements

TagDescription
<head>Defines information about the document
<title>Defines the title of a document
<base>Defines a default address or a default target for all links on a page
<link>Defines the relationship between a document and an external resource
<meta>Defines metadata about an HTML document
<script>Defines a client-side script
<style>Defines style information for a document

HTML Verknüpfung (Links)

Die Links sind in fast allen Web-Seiten gefunden. Links erlauben Benutzern, ihre Art und Weise von Seite zu Seite klicken.

Beispiele

Probieren Sie es selbst - Beispiele

HTML-Links
Wie man Links in einem HTML-Dokument zu erstellen.
(Sie können mehr Beispiele am Ende der Seite zu finden)

HTML Hyperlinks (Verweise)

Die HTML <a> Tag definiert einen Hyperlink.
Ein Hyperlink (oder Link) ist ein Wort, eine Gruppe von Wörtern, oder Bild, das Sie anklicken können, um zu einem anderen Dokument zu springen.
Wenn Sie den Cursor über einen Link in einer Webseite, wird der Pfeil in eine kleine Hand drehen.
Die wichtigste Eigenschaft des <a> Element ist das href-Attribut, das Ziel des Links anzeigt.
Standardmäßig werden Links erscheinen wie folgt in allen Browsern:
  • Ein unvisited Verknüpfung unterstrichen und blau
  • Ein besuchten Link ist unterstrichen und lila
  • Eine aktive Verbindung wird unterstrichen und rot

HTML-Syntax

Der HTML-Code für einen Link ist einfach. Es sieht wie folgt aus:
<a href="url">Link text</a>
Das href-Attribut gibt das Ziel eines Links.

Beispiel

<a href="http://www.w3schools.com/">Visit W3Schools</a>
was wird wie folgt angezeigt: Visit W3Schools
Ein Klick auf diese Hyperlink wird dem Benutzer W3Schools 'Homepage zu senden.
Tipp: Der " Link-Text "muss nicht sein Text. Es kann ein Bild oder jede andere HTML-Element sein.

HTML Links - Das target-Attribut

Das target-Attribut gibt an, wo das verknüpfte Dokument zu öffnen.
Im folgenden Beispiel wird das verknüpfte Dokument in einem neuen Browserfenster oder einem neuen Tab zu öffnen:

Beispiel

<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

Probieren Sie es selbst »


HTML Links - das id-Attribut

Das id-Attribut kann verwendet werden, um ein Lesezeichen in einem HTML-Dokument zu erstellen.
Tipp: Lesezeichen werden in keiner besonderen Weise angezeigt. Sie sind unsichtbar für den Leser.

Beispiel

Ein Anker mit einer ID in einem HTML-Dokument:
<a id="tips">Useful Tips Section</a>
Erstellen Sie einen Link zu den "Nützliche Tipps Bereich" innerhalb des gleichen Dokuments:
<a href="#tips">Visit the Useful Tips Section</a>
Oder erstellen Sie eine Verknüpfung zur "Nützliche Tipps Bereich" von einer anderen Seite:
<a href="http://www.w3schools.com/html_links.htm#tips">
Visit the Useful Tips Section</a>


Basic-Notes - Nützliche Tipps

Hinweis: Fügen Sie immer einen Schrägstrich, um Referenzen für Unterordner. Wenn Sie wie Sie diesen Link: href = "http://www.w3schools.com/html", werden Sie zwei Anfragen an den Server zu erzeugen, wird der Server zunächst einen Schrägstrich an die Adresse, und erstellen Sie dann einen neuen Antrag wie folgt : href = "http://www.w3schools.com/html/".

Beispiele

Weitere Beispiele

Ein Bild als Link
Wie man ein Bild als Link zu verwenden.
Link zu einem Ort auf der gleichen Seite
Wie Sie zu einem Lesezeichen zu verknüpfen.
Brechen Sie aus einem Rahmen
Wie, um aus einem Rahmen (wenn Ihre Website in einem Frame gesperrt).
Erstellen Sie einen mailto-Link
Wie man in eine Mail-Nachricht (funktioniert nur, wenn Sie E-Mails installiert haben) zu verknüpfen.

HTML Link-Tags

TagDescription
<a>Defines a hyperlink

HTML Text-Formatierung


HTML Textformatierung

This text is bold

This text is italic

This is computer output

This is subscript and superscript

Probieren Sie es selbst »

HTML Tags zur Formatierung

HTML Tags verwendet, wie <b> und <i> zur Formatierung Ausgang, wie fett oder kursiv Text.
Diese HTML-Tags werden als Formatierungs-Tags (siehe unten auf dieser Seite finden Sie eine vollständige Referenz).
BemerkungOft <strong> macht als <b> und <em> macht als <i>.

Allerdings gibt es einen Unterschied in der Bedeutung dieser tags: <b> oder <i> definiert fett oder kursiv nur Text. <strong> oder <em> bedeutet, dass Sie den Text in einer Weise, dass der Benutzer versteht als "wichtig" gemacht werden soll. Heute machen alle gängigen Browsern stark wie fett und kursiv als em.Allerdings, wenn ein Browser 1 Tag will einen Text mit dem starken Feature hervorgehoben machen, könnte es zum Beispiel kursiv und fett nicht!




Beispiele

Probieren Sie es selbst - Beispiele

Textformatierung
Wie, um Text in einem HTML-Dokument zu formatieren.
Vorformatiert Text
Wie die Zeilenumbrüche und Leerzeichen mit dem pre-Tag steuern.
"Computer-Ausgang" Tags
Wie anders "computer output"-Tags werden angezeigt.
Adresse
Wie, um Kontaktinformationen für den Autor / Besitzer eines HTML-Dokuments zu definieren.
Abkürzungen und Akronyme
Wie Abkürzungen und Akronyme zu behandeln.
Textrichtung
Wie, um den Text zu ändern.
Zitate
Wie lange und kurze Zitate zu behandeln.
Gelöscht und eingefügte Text
Wie gelöscht und eingefügten Text markieren.

HTML Text Formatierungs-Tags

TagDescription
<b>Defines bold text
<em>Defines emphasized text 
<i>Defines a part of text in an alternate voice or mood
<small>Defines smaller text
<strong>Defines important text
<sub>Defines subscripted text
<sup>Defines superscripted text
<ins>Defines inserted text
<del>Defines deleted text

HTML "Computer Output" Schlagwörter

TagDescription
<code>Defines computer code text
<kbd>Defines keyboard text 
<samp>Defines sample computer code
<var>Defines a variable
<pre>Defines preformatted text

HTML Zitate, Zitate und Definition Schlagwörter

TagDescription
<abbr>Defines an abbreviation or acronym
<address>Defines contact information for the author/owner of a document
<bdo>Defines the text direction
<blockquote>Defines a section that is quoted from another source
<q>Defines an inline (short) quotation
<cite>Defines the title of a work
<dfn>Defines a definition term

HTML Absätze

HTML-Dokumente werden in Absätze unterteilt.

HTML Absätze

Absätze sind mit dem <p> tag definiert.

Beispiel

<p>This is a paragraph</p>
<p>This is another paragraph</p>

Probieren Sie es selbst »
Hinweis: Browser automatisch eine Leerzeile vor und nach einem Absatz.

Vergessen Sie nicht den End-Tag

Die meisten Browser HTML korrekt angezeigt, auch wenn Sie das Ende tag vergessen:

Beispiel

<p>This is a paragraph
<p>This is another paragraph

Probieren Sie es selbst »
Das obige Beispiel wird in den meisten Browsern funktionieren, aber nicht auf sie verlassen. Das Vergessen der End-Tag kann zu unerwarteten Ergebnissen oder Fehlern.
Hinweis: Zukünftige Version von HTML wird Ihnen nicht erlauben, um End-Tags zu überspringen.

HTML Zeilenumbrüche

Verwenden Sie die <br> tag, wenn Sie einen Zeilenumbruch (eine neue Zeile), ohne einen neuen Absatz wollen:

Beispiel

<p>This is<br>a para<br>graph with line breaks</p>

Probieren Sie es selbst »
Die <br> Element ist eine leere HTML-Element. Es hat kein Ende-Tag.

HTML Output - Nützliche Tipps

Sie können nicht sicher sein, wie HTML-Format angezeigt werden. Große oder kleine Bildschirme und Fenster verkleinert schaffen unterschiedliche Ergebnisse.
Mit HTML können Sie nicht ändern, die Ausgabe, indem zusätzliche Leerzeichen oder zusätzliche Zeilen in Ihr HTML-Code.
Der Browser wird zusätzliche Leerzeichen entfernen und zusätzliche Linien, wenn die Seite angezeigt wird. Eine beliebige Anzahl von Zeilen in einer Zeile zu zählen, und eine beliebige Anzahl von Leerzeichen zählen als ein Raum.

HTML Überschriften

HTML Rubriken

Überschriften sind mit dem <h1> zu <h6> definiert.
<h1> definiert die wichtigste Überschrift. <h6> definiert die unwichtigste Überschrift.

Beispiel

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Probieren Sie es selbst »
Hinweis: Browser automatisch eine leere Raum (a-Marge) vor und nach jeder Überschrift.

Überschriften sind wichtig

Verwenden Sie HTML-Überschriften für Überschriften nur. Verwenden Sie keine Überschriften, um den Text BIG oderfett .
Suchmaschinen verwenden Ihre Überschriften Index die Struktur und die Inhalte Ihrer Web-Seiten.
Da Benutzer können Ihre Seiten durch ihre Überschriften überfliegen, ist es wichtig, um Überschriften zu verwenden, um das Dokument zu Struktur zeigen.
H1 Überschriften sollten so Hauptüberschriften durch H2 Überschriften, dann die weniger wichtigen H3 Überschriften und so weiter verfolgt werden.

HTML-Linien

Die <hr> Tag erzeugt eine horizontale Linie in eine HTML-Seite. Das hr-Element zu trennen Inhalte können verwendet werden:

Beispiel

<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>

Probieren Sie es selbst »


HTML Kommentare

Kommentare können in den HTML-Code, um es besser lesbar und verständlich eingefügt werden. Kommentare werden vom Browser ignoriert und nicht angezeigt.
Kommentare werden wie folgt geschrieben:

Beispiel

<!-- This is a comment -->

Probieren Sie es selbst »
Hinweis: Es ist ein Ausrufezeichen nach der öffnenden Klammer, jedoch nicht vor der schließenden Klammer.

HTML Tipp - Wie man HTML-Quelltext anzeigen

Haben Sie schon einmal eine Webseite gesehen und fragte "Hey! Wie haben sie das gemacht?"
Um das herauszufinden, auf der Seite mit der rechten Maustaste und wählen Sie "View Source" (IE) oder "Ansicht Seite Source" (Firefox) oder ähnlich für andere Browser. Dadurch öffnet sich ein Fenster mit dem HTML-Code der Seite.

HTML-Attribute

Attribute enthalten zusätzliche Informationen über HTML-Elemente.

HTML-Attributen

  • HTML-Elemente können Attribute
  • Attribute stellen zusätzliche Informationen zu einem Element
  • Attribute werden immer in bestimmten Starttag
  • Attribute kommen in Name / Wert-Paare wie: name = "Wert"

Attribut Beispiel

HTML-Links mit dem Tag <a> definiert. Die Adresse wird in der angegebenen href-Attribut :

Beispiel

<a href="http://www.w3schools.com">This is a link</a>

Probieren Sie es selbst »


Immer Zitat Attributwerte

Attribut-Werte sollten immer in Anführungszeichen gesetzt werden.
Doppelte Anführungszeichen Stil sind die häufigsten, aber einzigen Stil Zitate sind ebenfalls erlaubt.
BemerkungTipp: In einigen seltenen Fällen, wenn der Wert des Attributs selbst Anführungszeichen enthält, ist es notwendig, einfache Anführungszeichen zu benutzen: name = "John" Shotgun "Nelson"

HTML Tipp: Verwenden Sie Kleinbuchstaben Attribute

Attributnamen und Attributwerte sind Groß-und Kleinschreibung.
Allerdings empfiehlt der World Wide Web Consortium (W3C) Kleinbuchstaben Attribute / Attributwerte in ihre HTML 4 Empfehlung.
Neuere Versionen von (X) HTML wird verlangen, Kleinbuchstaben Attribute.

HTML-Attribute Referenz

Eine vollständige Liste der Attribute für jede rechtliche HTML-Element wird in unserer aufgelistet: HTML Tag Referenz .
Unten ist eine Liste von einigen Attributen, die auf jedem HTML-Element verwendet werden können:
AttributeDescription
classSpecifies one or more classnames for an element (refers to a class in a style sheet)
idSpecifies a unique id for an element
styleSpecifies an inline CSS style for an element
titleSpecifies extra information about an element (displayed as a tool tip)

HTML-Elemente

HTML-Elemente

Ein HTML-Element ist alles aus dem Start-Tag bis zum Ende tag:
Start tag *Element contentEnd tag *
<p>This is a paragraph</p>
<a href="default.htm">This is a link</a>
<br>  
* Der Start-Tag wird oft als Starttag . Das End-Tag wird oft als das schließende Tag .

HTML Element Syntax

  • Ein HTML-Element beginnt mit einem Start-Tag / Starttag
  • Ein HTML-Element endet mit einem End-Tag / Endtag
  • Die Element-Inhalt ist alles zwischen dem Anfang und dem Ende-Tag
  • Einige HTML-Elemente haben leeren Inhalt
  • Leere Elemente werden in dem Start-Tag geschlossen
  • Die meisten HTML-Elemente können Attribute
Tipp: Sie werden über Attribute im nächsten Kapitel dieses Tutorials lernen.

Nested HTML-Elemente

Die meisten HTML-Elemente können verschachtelt (kann andere HTML-Elemente enthalten) werden.
HTML-Dokumente bestehen aus verschachtelten HTML-Elemente.

HTML Document Beispiel

<!DOCTYPE html>
<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>
Das obige Beispiel enthält 3 HTML-Elemente.

HTML erklärt Beispiel

Die <p> element:
<p>This is my first paragraph.</p>
Die <p> Element definiert einen Absatz in das HTML-Dokument.
Das Element hat einen Starttag <p> und ein End-Tag </ p>.
Das Element Inhalt ist: Dies ist mein erster Absatz.
Die <body>:
<body>
<p>This is my first paragraph.</p>
</body>
Die <body> Element definiert den Körper des HTML-Dokuments.
Das Element hat einen Starttag <body> und ein End-Tag </ body>.
Das Element ist ein weiterer Inhalt HTML-Element (p-Element).
Die <html> element:
<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>
Die <html> Element definiert die gesamte HTML-Dokument.
Das Element hat einen Starttag <html> und ein End-Tag </ html>.
Das Element content ist ein weiteres HTML-Element (das body-Element).

Vergessen Sie nicht den End-Tag

Einige HTML-Elemente können korrekt angezeigt, auch wenn Sie das Ende tag vergessen:
<p>This is a paragraph
<p>This is a paragraph
Das obige Beispiel funktioniert in den meisten Browsern, weil das schließende Tag wird als optional.
Niemals auf diese verlassen. Viele HTML-Elemente zu unerwarteten Ergebnissen führen und / oder Fehler, wenn Sie das Ende-Tag vergessen.

Leere HTML-Elemente

HTML-Elemente ohne Inhalt werden als leere Elemente.
<br> ist ein leeres Element ohne End-Tag (die <br> Tag definiert einen Zeilenumbruch).
Tipp: In XHTML müssen alle Elemente geschlossen werden. Hinzufügen eines Schrägstrich in den Starttag, wie <br />, ist der richtige Weg der Schließung leere Elemente in XHTML (und XML).

HTML Tipp: Verwenden Sie Kleinbuchstaben Schlagwörter

HTML-Tags sind nicht case sensitive: <P> bedeutet das gleiche wie <p>. Viele Webseiten verwenden Großbuchstaben HTML-Tags.
W3Schools verwenden Kleinbuchstaben Tags weil das World Wide Web Consortium (W3C) empfiehlt in HTML 4 Kleinbuchstaben und verlangt Kleinbuchstaben Tags in XHTML.

HTML5 Grundlagen

Mach dir keine Sorgen, wenn die Beispiele Tags, die Sie nicht gelernt haben, zu verwenden.
Sie werden über sie in den nächsten Kapiteln lernen.

HTML Rubriken

HTML-Überschriften mit dem <h1> zu <h6> definiert.

Beispiel

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Probieren Sie es selbst »


HTML Absätze

HTML Absätze werden mit dem <p> tag definiert.

Beispiel

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Probieren Sie es selbst »


HTML-Links

HTML-Links mit dem Tag <a> definiert.

Beispiel

<a href="http://www.w3schools.com">This is a link</a>

Probieren Sie es selbst »
Hinweis: Die Adresse ist im href-Attribut angegeben.
(Sie werden über Attribute in einem späteren Kapitel dieses Tutorials lernen).

HTML Images

HTML-Bilder mit dem Tag <img> definiert.

Beispiel

<img src="w3schools.jpg" width="104" height="142">

Probieren Sie es selbst »
Hinweis: Der Dateiname und die Größe des Bildes als Attribute bereitgestellt.

HTML-Editoren

Schreiben Sie mit dem Editor HTML oder TextEdit

HTML kann durch eine professionelle HTML-Editor bearbeitet werden, wie:
  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor
Doch für HTML lernen, empfehlen wir einen Texteditor wie Notepad (PC) oder TextEdit (Mac). Wir glauben, dass mit einem einfachen Text-Editor ist ein guter Weg, um HTML zu lernen.
Folgen Sie den 4 Schritten unten, um Ihre erste Web-Seite mit dem Editor erstellen.

Schritt 1: Starten Sie den Editor

So starten Sie Notepad zu gehen:
Starten Sie
    auf Alle Programme,
        Zubehör
            Notepad

Schritt 2: Bearbeiten Sie Ihre HTML mit Notepad

Geben Sie Ihren HTML-Code in Ihre Merkliste:
Notepad

Schritt 3: Speichern Sie Ihre HTML

Wählen Sie Speichern unter .. in Notepad die Datei-Menü.
Wenn Sie eine HTML-Datei speichern, können Sie entweder die. Htm oder. Html Dateiendung. Es gibt keinen Unterschied, es ist ganz Ihnen überlassen.
Speichern Sie die Datei in einem Ordner, der leicht zu merken ist, wie w3schools.

Schritt 4: Führen Sie das HTML in Ihrem Browser

Starten Sie Ihren Web-Browser und öffnen Sie die HTML-Datei aus der Datei , Öffnen -Menü oder einfach nur stöbern den Ordner und doppelklicken Sie auf die HTML-Datei.
Das Ergebnis sollte ähnlich wie folgt aussehen:
Ansicht im Browser

HTML5 Einführung

Was ist HTML5?

HTML5 wird der neue Standard für HTML sein.
Die vorherige Version von HTML, HTML 4.01, kam im Jahr 1999. Das Web hat sich seitdem sehr verändert.
HTML5 ist noch ein work in progress. Allerdings unterstützen die gängigen Browser viele der neuen HTML5-Elemente und APIs.

Wie haben HTML5 angefangen?

HTML5 ist eine Kooperation zwischen dem World Wide Web Consortium (W3C) und der Web Hypertext Application Technology Working Group (WHATWG).
WHATWG wurde mit Web-Formularen und Anwendungen zu arbeiten, und W3C XHTML 2.0 wurde mit arbeiten. Im Jahr 2006 beschlossen sie, zusammen und erstellen Sie eine neue Version von HTML.
Einige Regeln für HTML5 wurden festgelegt:
  • Neue Funktionen sollte auf HTML, CSS, DOM und JavaScript basieren
  • Reduzieren Sie die Notwendigkeit für externe Plugins (wie Flash)
  • Bessere Fehlerbehandlung
  • Mehr Markup Scripting ersetzen
  • HTML5 soll geräteunabhängig sein
  • Der Entwicklungsprozess sichtbar sein soll für die Öffentlichkeit

Die HTML5 <! DOCTYPE>

In HTML5 gibt es nur eine Erklärung, und es ist sehr einfach <doctype!>:
<!DOCTYPE html>


Minimum HTML5 Dokument

Nachfolgend ist ein einfaches HTML5 Dokument, mit einem Minimum an benötigten Tags:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>


HTML5 - Neue Funktionen

Einige der interessantesten neuen Funktionen in HTML5:
  • Die <canvas> Element für 2D-Zeichnung
  • Die <video> und <audio> Elemente für die Medienwiedergabe
  • Unterstützung für die lokale Speicherung
  • New content-spezifische Elemente, wie <article>, <footer>, <header>, <nav>, <section>
  • Neue Formular-Steuerelemente, wie Kalender, Datum, Uhrzeit, E-Mail, URL, Suche

Browser-Unterstützung für HTML5

HTML5 ist noch nicht ein offizieller Standard und keine Browser haben volle HTML5-Unterstützung.
Aber alle gängigen Browser (Safari, Chrome, Firefox, Opera, Internet Explorer) weiterhin neue HTML5-Funktionen, um ihre neuesten Versionen hinzufügen.

HTML5 Referenzen

Am W3Schools finden vollständigen Referenzen zu Tags globale Attribute, standard Veranstaltungen und vieles mehr.