Das beste HTML5-Tutorials-Tutorial im Jahr 2024. In diesem Tutorial können Sie Was ist HTML5?,HTML5 ist, wie Sie anfangen sollen?,HTML5 <! DOCTYPE>,Minimal HTML5 Dokument,Verbesserte HTML5,HTML5 Multimedia,HTML5-Anwendung,HTML5 Grafiken,Verwenden HTML5 CSS3,Semantische Elemente,HTML5 Forms,entfernt Elemente,Beispiele für jedes Kapitel,Beispiele,HTML5 Browser-Unterstützung,HTML5-Referenzhandbuch, lernen
HTML5 ist die neueste HTML-Revision im Oktober 2014 durch das World Wide Web Consortium (W3C) Standards abgeschlossen.
HTML5 ist so konzipiert, Multimedia-Inhalte auf mobilen Geräten zu unterstützen.
HTML5 leicht zu erlernen.
HTML5 ist die nächste Generation von HTML-Standard.
HTML, die vorherige Version von HTML 4.01 wurde 1999 geboren. Seitdem hat sich Web Welt eine grundlegende Veränderung durchgemacht.
HTML5 ist noch in seiner perfektioniert. Allerdings haben die meisten modernen Browsern bereits einige HTML5-Unterstützung.
W3C und WHATWG HTML5 das Ergebnis der Zusammenarbeit ist, bedeutet WHATWG Web Hypertext Application Technology Working Group. .
WHATWG gewidmet Web-Formulare und Anwendungen und W3C konzentrierte sich auf XHTML 2.0. Im Jahr 2006 beschlossen die beiden Seiten zusammen, um eine neue Version von HTML zu erstellen.
HTML5 einige interessante neue Funktionen:
<! DOCTYPE> Deklaration in der ersten Zeile des Dokuments sein muss, HTML5, sehr einfach zu bedienen:
Hier ist ein einfaches HTML5 Dokument:
Hinweis: Für chinesische Web - Seiten verwenden müssen <meta charset = "UTF-8 "> Anweisung, sonst wird es nicht korrekt ausgegeben werden.
Sie können einfach HTML5-Video-Wiedergabe (Video) und Audio (Audio) in der Webseite.
Sie können einfach HTML5 Anwendungsentwicklung nutzen
Verwenden Sie HTML5 können Sie einfach Grafiken zu zeichnen:
Erfahren Sie mehr CSS3 Informationen sind auf der Website von sehen CSS3 Tutorials.
HTML5 fügt eine Menge von semantischen Elemente sind wie folgt:
Etikett | Beschreibung |
---|---|
<Article> | Definieren Sie eigene Seite Content-Bereich. |
<Neben> | Definieren Sidebar Content-Seiten. |
<Bdi> | Es erlaubt Ihnen, ein Stück Text, Textrichtung wird vom Eltern-Element Einstellungen weg zu setzen. |
<Befehl> | Benutzerdefinierte Befehlstasten - wie Radio-Buttons, Checkboxen oder Tasten |
<Details> | Die Details des Dokuments oder einen Abschnitt für |
<Dialog> | Passen Sie im Dialogfeld, wie Ballons |
<Zusammenfassung> | Der Titel-Tag enthält Details der Elemente |
<Figure> | Separate Bestimmungen Streaming-Inhalte (Bilder, Grafiken, Fotografien, Code, etc.). |
<Figcaption> | Definition von <Zahl> Elementtitel |
<Fußzeile> | Definierte Abschnitt oder Dokumentfußzeile. |
<Header> | Er definiert den Kopfbereich des Dokuments |
<Mark> | Definierte Text mit der Markierung. |
<Zähler> | Definition der Maße und Gewichte. Bekannt nur verwendet, um die Maximal- und Minimalwerte zu messen. |
<Nav> | Definieren Sie Navigations-Links-Seite. |
<Fortschritt> | Definierte Zeitplan jede Art von Aufgabe. |
<Rubin> | Definition von Ruby-Annotationen (Chinese Klang oder Zeichen). |
<Rt> | Definierte Zeichen (chinesische phonetische oder Zeichen) Interpretation oder Aussprache. |
<Rp> | In Ruby-Annotationen wird verwendet, um den Inhalt zu definieren, ist die rubin Element Browser angezeigt nicht unterstützen. |
<Section> | Die Definition des Dokuments (Abschnitt, Abschnitt). |
<Zeit> | Legen Sie das Datum oder die Uhrzeit. |
<Wbr> | Die Bestimmungen in den Text gegebenenfalls einen Zeilenumbruch hinzuzufügen. |
Neue Formularelemente, neue Attribute, neue Eingabetypen, automatische Verifikation.
Die folgende HTML 4.01 Elemente in HTML5 gelöscht wurde:
Durch unsere HTML-Editor können Sie den HTML-Code zu bearbeiten, klicken Sie auf die Schaltfläche, um die Ergebnisse zu sehen.
Klicken Sie auf die "Try" , um die ErgebnissedesOnline-Betriebs anzuzeigen.
Die neueste Version von Safari, Chrome, Firefox und Opera einige HTML5-Funktionen unterstützen. Internet Explorer 9 wird einige HTML5-Funktionen unterstützen.
IE9 Browser kompatible Versionen der folgenden Methoden von HTML5, html5shiv Paket, um die Website zu statischen Ressourcen verwenden:
Nach dem Laden der Initialisierung des neuen Labels CSS:
In dieser Seite können Sie die HTML5 - Tags und Attribute im Detail beschrieben finden , klicken Sie bitte HTML5 - Referenzhandbuch .