Dies ist der überarbeitete jedoch automatisch übersetzte Text der W3C zum HTML5 Standard mit allen technischen Details.
Einfacher zu lesen sind die Tutorials der einzelnen Features.
1. Zusammenfassung
HTML5 ist eine Weiterentwicklung des HTML-Standards. HTML5 wurde erst außerhalb des W3C von dem dafür gegründeten Gremium WHATWG als Konkurrent zu XHTML2 entwickelt. Mittlerweile wurde die Arbeit an XHTML2 zugunsten von HTML5 aufgegeben.
HTML5 Versucht das Entwickeln von Web-Applikationen zu erleichtern und bisher in Browsern schon implementierte Funktionen auf eine gemeinsame genau standardisierte Basis zu stellen.
2. Syntax von HTML5
HTML5 HTML definiert eine Syntax, die kompatibel mit HTML4 und
XHTML1 ist HTML5 definiert auch detaillierte Parsing-Regeln (einschließlich „Fehlerbehandlung“)
für diese Syntax, welche weitgehend kompatibel mit den gängigen Implementierungen sind. User-Agents verwenden müssen diese Regeln
für die Ressourcen, die einen Text / html Medientyp.
2.1. Zeichenkodierung für die HTML-Syntax von HTML5, haben Autoren
drei Möglichkeiten der Einstellung der Zeichencodierung:
Content-Type
Order Mark (BOM)-Zeichen am Anfang der Datei.
2.2. Die DOCTYPE Die HTML-Syntax erfordert eine DOCTYPE HTML5 spezifiziert
werden, um sicherzustellen, dass der Browser rendert die Seite
im Standard-Modus. Die DOCTYPE hat keinen anderen Zweck und ist
daher optional für XML. Dokumente mit einem XML-Medien-Typ sind
immer in Mode Standards behandelt werden. [DOCTYPE] Die DOCTYPE-Deklaration
ist und Groß-und Kleinschreibung in der HTML-Syntax. DOCTYPEs aus
früheren Versionen von HTML waren länger, weil die HTML-Sprache
SGML-basiert und daher benötigt einen Verweis auf eine DTD. Mit
HTML5 ist dies nicht mehr der Fall und die DOCTYPE wird nur benötigt,
um Standards-Modus für Dokumente ermöglichen geschrieben, unter
Verwendung der HTML-Syntax. Browser tun dies bereits für.
2.3. MathML und SVG Die HTML-Syntax von HTML5 ermöglicht MathML
und SVG-Elemente innerhalb eines Dokumentes verwendet werden. Z.B.
ein sehr einfaches Dokument mit einigen der minimal-Syntax Funktionen
aussehen könnte: Mehr komplexe Kombinationen sind ebenfalls möglich.
Z.B. mit dem SVG-Element foreignObject Sie könnten Nest MathML,
HTML oder beides innerhalb einer SVG-Fragment ist, die selbst in
HTML.
2.4. Sonstiges Es gibt ein paar andere Syntax-Änderungen erwähnenswert:
nur dann vollständig, wenn das Dokument Codierung verwendet wird
UTF-8 oder UTF-16.
neben einer gültigen Kennung Sprache, ebenso wie xml: lang nicht
in XML.
3. Sprache von HTML5
Dieser Abschnitt ist in mehrere Unterabschnitte aufgeteilt, um
noch deutlicher illustrieren die verschiedenen Unterschiede gibt
es zwischen HTML4 und HTML5. 3.1. New Elements Die Links in diesem
Abschnitt nicht mehr, wenn Elemente werden umbenannt und / oder
entfernt werden. Sie sollten in der neuesten Version dieses Entwurfs
Funktion. Folgende Elemente sind für eine bessere Struktur eingeführt
worden:
Abschnitt. Es kann zusammen mit dem H1, H2, H3, H4, H5 verwendet
werden, und h6-Elemente, um das Dokument Struktur geben.
stellt eine unabhängige Stück Inhalt eines Dokuments, wie einem
Blog-Eintrag oder Zeitungsartikel.
des Inhalts, dass nur wenig im Zusammenhang mit dem Rest der Seite
ist.
stellt eine Gruppe von einführenden oder Navigationshilfen.
stellt eine Fußzeile für einen Abschnitt und kann Informationen
über den Autor, Copyright-Informationen, et cetera.
einen Abschnitt des Dokuments für die Navigation gedacht.
kann zu assoziieren eine Beschriftung verwendet werden zusammen
mit einigen eingebetteten Inhalte, wie beispielsweise eine Grafik
oder Video: figcaption bietet die Beschriftung. Dann gibt es noch
einige andere neue Elemente:
Beide bieten eine API-Anwendung, so können Autoren ihre eigenen
Skript-Benutzeroberfläche, aber es ist auch ein Weg, um eine Benutzeroberfläche
von den User-Agent bereitgestellt auslösen. Quelle Elemente sind
zusammen mit diesen Elementen verwendet werden, wenn es mehrere
Streams verfügbar sind verschiedene Arten.
Plugin-Inhalte verwendet.
von Text in einem Dokument markiert oder hervorgehoben zur Bezugnahme
auf Grund seiner Bedeutung in einem anderen Kontext.
stellt eine Ausführung einer Aufgabe, wie das Herunterladen oder
bei der Durchführung einer Reihe von teuren Operationen.
stellt eine Messung, wie Speicherverbrauch.
ein Datum und / oder Zeit.
von Ruby Annotationen ermöglichen.
Chance.
dynamisch „on
the fly, wie z. B. Grafiken oder Spiele verwendet.
einen Befehl kann der Benutzer aufrufen.
Informationen oder Kontrollen, die der Benutzer kann auf Wunsch
erhalten. Die Zusammenfassung Element bietet seiner Zusammenfassung,
Legende oder Beschriftung.
eine neue Liste für die Eingabe kann zur Comboboxen machen:
stellt Steuerung für Schlüsselpaar Generation.
eine Art von Leistung, wie aus einer Berechnung mit Scripting geschehen.
Der input-Element-Typ-Attribut hat jetzt die folgenden neuen Werte:
neuen Arten ist, dass der Benutzer Agent kann die Benutzeroberfläche,
z. B. einen Kalender Datumsauswahl oder die Integration mit dem
Adressbuch des Benutzers bieten und einen definierten Format an
den Server. Es gibt dem Benutzer eine bessere Erfahrung als seine
Eingaben vor dem Senden an den Server Sinne gibt es weniger Zeit
für die Rückmeldung warten, überprüft.
3.2. Neue Attribute HTML5 hat einige neue Eigenschaften auf verschiedene
Elemente, die bereits Teil der HTML4 eingeführt:
haben jetzt ein Media-Attribut für die Kohärenz mit dem Link-Element.
das eine durch Leerzeichen getrennte Liste von URLs, die haben
bestimmt angepingt werden, wenn der Hyperlink gefolgt ist. Derzeit
User Tracking meist geschieht über Umleitungen. Dieses Attribut
ermöglicht es dem User-Agent für Benutzer, die URLs gehen zu informieren
sowie angepingt werden, wobei die Privatsphäre bewusste Anwender
einen Weg, um sie auszuschalten.
mit den Elementen a und link, jetzt hat auch die hreflang und rel-Attribute.
allem für die Kohärenz mit dem a-Element. (Dies ist bereits weitgehend
unterstützt.) Auch das target-Attribut für die A-und Flächenelementen
ist nicht mehr veraltet, da es sinnvoll ist, in Web-Anwendungen,
z. B. in Verbindung mit iframe.
ist nicht mehr veraltet, da es nicht der Präsentation. Das gleiche
gilt für den Start-Attribut des OL-Element.
hat ein Attribut charset jetzt, da dieser bereits in großem Umfang
unterstützt und bietet eine gute Möglichkeit, die Zeichenkodierung
für das Dokument festzulegen.
über die Eingabe (außer wenn das Attribut type ist versteckt angegeben
werden), wählen, und drücken textarea Elemente. Es bietet eine
deklarative Weise zu einem Formular Kontrolle während Seite geladen
konzentrieren. Mit dieser Funktion soll der Benutzer Erfahrung
als Anwender verbessern können sie auszuschalten, wenn der Benutzer
mag es nicht, zum Beispiel.
auf die Eingangs-und textarea-Elemente angegeben werden. Es stellt
eine Andeutung soll den Anwender bei der Dateneingabe Beihilfen.
Button und fieldset-Elemente können für die Kontrollen mit einem
Formular zugeordnet werden. D. h. Diese Elemente können jetzt irgendwo
auf einer Seite platziert werden, nicht nur als Nachkommen der
form-Element.
(außer wenn das Attribut type verborgen ist, das Bild oder einige
Button-Typ wie submit) und textarea. Es zeigt an, dass der Benutzer
in einem Wert zu füllen, um das Formular abschicken hat.
fieldset-Element erlaubt es nun der Behinderten-Attribut zu deaktivieren,
wenn alle Inhalte festgelegt.
Attribute zu Einschränkungen angeben: AutoVervollständigen, min,
max, mehrere Muster und Schritt. Wie schon erwähnt er hat auch
eine neue Liste Attribut die zusammen mit dem DataList-Element
verwendet werden.
zu deaktivieren Formularvalidierung Vorlage (verwendet werden können,
dh die Form immer) eingereicht werden.
Elemente haben formaction, formenctype, formmethod, formnovalidate
und formtarget als neue Attribute. Falls vorhanden, überschreiben
sie die Aktion, enctype, die Methode novalidate und Ziel-Attribute
auf dem Formular-Element.
Typ und Label. Sie ermöglichen das Element in einem Menü wie in
typischen Benutzer gefunden zu verwandeln Schnittstellen sowie
die Bereitstellung für Kontext-Menüs in Verbindung mit dem globalen
ContextMenu Attribut.
Attribut verwendet, um die scoped Style Sheets ermöglichen kann.
Stilregeln in einem solchen Stil-Element nur für den lokalen Baum
anzuwenden.
async das Skript Laden und Ausführen Einflüssen.
hat ein neues Attribut namens manifest, dass die Punkte, um eine
Anwendung Cache in Verbindung mit der API für Web-Anwendungen offline
manifest werden.
Größen. Es kann in Verbindung mit dem Symbol Beziehung (gesetzt
durch das Attribut rel) verwendet werden, um die Größe des referenzierten
Symbol anzuzeigen.
umgekehrt darauf hin, dass die Liste absteigend ist, wenn vorhanden.
nahtlose und srcdoc die für Sandbox Inhalte, z. B. ermöglichen
Blog-Kommentare. Mehrere Attribute aus HTML4 nun auf alle Elemente
anwenden. Dies sind globale Attribute genannt: Klasse, R., id,
lang, Stil, tabindex und Titel. Es gibt auch einige neue globale
Attribute:
eine bearbeitbare Bereich ist. Der Benutzer kann den Inhalt des
Elements und manipulieren die Markup.
kann verwendet werden, um ein Kontextmenü vom Autor eingerichteten
Punkt sein.
können beliebig Attribut sie wollen, solange sie es mit Daten-Präfix,
um Zusammenstöße mit zukünftigen Versionen von HTML zu vermeiden.
Die einzige Anforderung an diesen Attributen ist, dass sie nicht
für User-Agent-Erweiterungen verwendet werden.
kann zusammen mit der neuen Drag & Drop-API verwendet werden.
oder nicht mehr, relevant.
die verwendet werden, um unterstützende Technologie anweisen kann.
für Rechtschreib-oder nicht überprüft werden kann. HTML5 macht
auch alle Event-Handler-Attribute aus HTML4, die die Form OnEvent-name,
globale Attribute nehmen und fügt mehrere neue Event-Handler-Attribute
für neue Ereignisse definiert werden. Z.B. das Spiel Ereignis,
das von der API für die Medien-Elemente (wird Video und Audio).
3.3. Veränderte Elemente Diese Elemente haben leicht veränderte
Bedeutungen in HTML5 besser Rechnung zu tragen, wie sie im Web
verwendet werden oder diese zu mehr nützlich sein:
ohne href-Attribut stellt mittlerweile einen „Platzhalter Link“.
Es können auch Inhalte fließen, anstatt zu formulieren Inhalte
beschränkt.
der sectioning scoped.
von Text zu sein stilistisch von den normalen Prosa ohne zusätzliche
Förder Bedeutung, wie z. B. Stichwörter in einem Dokument abstrakt,
Produktnamen, die in eine Rezension oder andere Spannweiten von
Text, dessen typische typografische Gestaltung ist kühn ausgeglichen.
Werkes (zB ein Buch, eine Zeitung, ein Essay, ein Gedicht, eine
Partitur, ein Lied, ein Skript, ein Film, eine TV-Show, ein Spiel,
eine Skulptur, ein Gemälde , ein Theater-Produktion, ein Theaterstück,
eine Oper, ein Musical, eine Ausstellung, eine juristische Kasuistik,
etc). Insbesondere das Beispiel in HTML4, wo es verwendet zur Markierung
der Name einer Person ist nicht mehr als entsprechen.
stellt nun einen Absatz-Niveau thematischen brechen.
stellt jetzt eine Spannweite von Text in einer anderen Stimme oder
Stimmung, oder anderweitig aus der normalen Prosa, wie eine taxonomische
Bezeichnung, ein technischer Begriff, eine idiomatische Phrase
aus einer anderen Sprache, ein Gedanke, ein Schiff Name, oder Offset
einige andere Prosa, deren charakteristische typografische Gestaltung
ist kursiv geschrieben. Usage variiert stark nach Sprache.
das Label-Element des Browsers nicht mehr bewegen konzentrieren
sollte auf dem Etikett an die Steuerung, wenn ein solches Verhalten
ist Standard für die zugrunde liegende Plattform-Benutzeroberfläche.
und Kontextmenüs.
(für Kommentare und rechtliche Seite drucken).
stellt nun wichtig, anstatt starke Betonung.
3.4. Geändert Attribute Die folgenden Attribute zulässig sind,
aber Autoren sind von der Nutzung und stattdessen nachdrücklich
aufgefordert, eine alternative Lösung:
img Verwendung abgeraten. Es ist erforderlich, um den Wert „0“,
wenn präsentieren. Autoren können CSS zu verwenden.
auf Skript. Es ist erforderlich, um den Wert haben „JavaScript“ (Groß-und
Kleinschreibung), wenn vorhanden und kann nicht in Konflikt mit
dem Attribut type. Autoren können es einfach weglassen, da sie
keine nützliche Funktion hat.
können das id-Attribut zu verwenden.
den Tisch. Der Entwurf definiert HTML5 mehrere alternative Lösungen.
3.5. Absent Elements Die Elemente in diesem Abschnitt sind nicht
von Autoren verwendet werden. User-Agents wird immer noch zu ihnen
und verschiedenen Abschnitten in HTML5 unterstützen define how.
Z.B. die veraltete isindex Element wird durch den Parser Abschnitt
behandelt. Die folgenden Elemente sind nicht in HTML5, weil ihre
Wirkung ist rein darstellenden und ihre Funktion ist besser CSS
behandelt:
beeinträchtigt Usability und Erreichbarkeit für den Endverbraucher
in einer negativen Weise:
Elemente sind nicht enthalten, weil sie nicht erreicht wurden häufig
verwendet, erzeugt Verwirrung oder ihre Funktion durch andere Elemente
behandelt werden:
viel Verwirrung geschaffen. Autoren sind Abk. für Abkürzungen verwenden.
Nutzung kann durch Verwendung von Formular-Steuerelemente ersetzt
werden.
Schließlich noscript-Element wird nur gemäß den in HTML-Syntax.
Es ist nicht in der XML-Syntax enthalten wie sein Gebrauch beruht
auf einer HTML-Parser.
3.6. Absent Attribute
Einige Attribute aus HTML4 sind nicht
mehr erlaubt in HTML5. Wenn sie benötigen, um Auswirkungen auf
die User-Agents aus Gründen der Kompatibilität sie definiert,
wie sie in diesen Szenarien sollten Arbeit haben.
den Link und a.
für img und iframe.
Bereich.
HTML.
auf Meta.
für Objekt.
abbr Attribute td und th.
hat HTML5 keines der Attribute, die in der Präsentation HTML4 waren
wie ihre Aufgaben besser von CSS behandelt werden:
auf Beschriftung, iframe, img, input-Objekt, Legende, Tisch, hr,
div, H1, H2, H3 , H4, H5, H6, p, col, colgroup, tbody, td, tfoot,
th, thead und TR.
auf den Tisch, tr, td, th und Körper.
Tisch und Objekt.
Tisch.
th, thead und TR.
Menü, OL und UL.
Attribut iframe.
und vspace auf img und Objekt.
iframe.
th.
Attribut col, colgroup, tbody, td, tfoot, th, thead und TR.
auf hr, Tisch, td, th, col, colgroup und pre.
4. APIs
HTML5
HTML5 sieht eine Reihe von APIs, die in der Erstellung von Web-Anwendungen
helfen. Diese können zusammen mit den neuen Elementen für Anwendungen
eingeführt:
dem neuen Video-und Audio-Elemente verwendet werden können verwendet
werden.
API, die eine Web-Anwendung, um sich für bestimmte Protokolle oder
Medientypen registrieren können.
mit einer neuen globalen contenteditable Attribut.
in Kombination mit einer verschiebbaren Attribut.
Geschichte macht und erlaubt Seiten auf, um es zu verhindern, fügen
Sie den Zurück-Button brechen.
4.1. Erweiterungen zu HTMLDocument HTML5 hat die HTMLDocument Schnittstelle
von DOM Level 2 HTML in eine Reihe von Möglichkeiten erweitert.
Die Schnittstelle ist nun für alle Objekte der Umsetzung des Document-Interface
implementiert, sodass es in einem zusammengesetzten Dokuments Kontext
bleibt sinnvoll. Es hat auch einige bemerkenswerte neue Mitglieder:
Klasse zu wählen. Die Art und Weise dieser Methode definiert wird
es ermöglichen, für den Inhalt mit der Klasse Attribute und ein
Document-Objekt wie SVG und MathML arbeiten.
einfache Möglichkeit zum Parsen und Serialisieren einer HTML-oder
XML-Dokument. Dieses Attribut wurde zuvor nur auf HTMLElement in
Web-Browsern und nicht Bestandteil eines Standard.
und hasFocus, um festzustellen, welches Element gerade ausgerichtet
ist und ob das Dokument den Fokus hat bzw.
ein Objekt, das die aktuelle Auswahl (s stellt Versandkosten).
4.2. Erweiterungen zu HTMLElement HTMLElement Die Schnittstelle
hat auch einige Erweiterungen in HTML5 gewonnen:
(), die ist im Grunde ein scoped Version von der einen auf HTMLDocument
gefunden.
auch definiert, um in XML Kontext zu arbeiten (wenn sie in ein
XML-Dokument verwendet wird).
für className. Das Objekt zurückgegeben, setzt Methoden (contains
(), add (), remove (), und toggle ()) für die Manipulation des
Elements Klassen. Die a-, Flächen-und Link-Elemente haben ein ähnliches
Attribut namens relList, dass die gleiche Funktionalität für das
rel-Attribut zur Verfügung stellt.