Latest web development tutorials

HTML5-Tutorials

HTML

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.

Was ist HTML5?

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.

HTML5 ist, wie Sie anfangen sollen?

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:

  • Für Malerei Canvas-Element
  • Video- und Audio-Elemente für die Medienwiedergabe
  • Bessere Unterstützung für lokale Offline-Speicherung
  • Neue spezielle Content-Elemente, wie zum Beispiel Artikel, Footer, Header, nav, Abschnitt
  • Neue Formular-Steuerelemente, wie Kalender, Datum, Uhrzeit, E-Mail, URL, Suche

HTML5 <! DOCTYPE>

<! DOCTYPE> Deklaration in der ersten Zeile des Dokuments sein muss, HTML5, sehr einfach zu bedienen:

<! DOCTYPE html>

Minimal HTML5 Dokument

Hier ist ein einfaches HTML5 Dokument:

<! DOCTYPE html> <Html> <Head> <Meta charset = "UTF-8"> <Titel> Dokumenttitel </ title> </ Head> <Body> Inhalt des Dokuments ...... </ body> </ Html>

Hinweis: Für chinesische Web - Seiten verwenden müssen <meta charset = "UTF-8 "> Anweisung, sonst wird es nicht korrekt ausgegeben werden.

Verbesserte HTML5

  • Neues Element
  • Neue Immobilien
  • Volle Unterstützung für CSS3
  • Video und Audio
  • 2D / 3D-Zeichnung
  • Lokale Speicher
  • Lokale SQL-Daten
  • Web-Anwendungen

HTML5 Multimedia

Sie können einfach HTML5-Video-Wiedergabe (Video) und Audio (Audio) in der Webseite.

HTML5-Anwendung

Sie können einfach HTML5 Anwendungsentwicklung nutzen

  • Lokale Datenspeicherung
  • Der Zugriff auf lokale Dateien
  • Lokale SQL-Daten
  • Cache-Zitat
  • Javascript Arbeiter
  • XHTMLHttpRequest 2

HTML5 Grafiken

Verwenden Sie HTML5 können Sie einfach Grafiken zu zeichnen:

Verwenden HTML5 CSS3

  • Neue Wähler
  • Neue Immobilien
  • Animation
  • 2D / 3D-Konvertierung
  • Filet
  • Schatteneffekt
  • herunterladbare Schriften

Erfahren Sie mehr CSS3 Informationen sind auf der Website von sehen CSS3 Tutorials.

Semantische Elemente

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.

HTML5 Forms

Neue Formularelemente, neue Attribute, neue Eingabetypen, automatische Verifikation.

entfernt Elemente

Die folgende HTML 4.01 Elemente in HTML5 gelöscht wurde:

  • <Acronym>
  • <Applet>
  • <BASEFONT>
  • <Big>
  • <Center>
  • <Dir>
  • <Font>
  • <Rahmen>
  • <Frameset>
  • <Noframes>
  • <Strike>

Beispiele für jedes Kapitel

Durch unsere HTML-Editor können Sie den HTML-Code zu bearbeiten, klicken Sie auf die Schaltfläche, um die Ergebnisse zu sehen.

Beispiele

<! DOCTYPE HTML> <Html> <Head> <Meta charset = "UTF-8"> <Titel> Dieses Tutorial (w3big.com) </ title> </ Head> <Body> <Video width = "320" height = "240" Kontrollen> <Source src = "movie.mp4" type = "video / mp4"> <Source src = "movie.ogg" type = "video / ogg"> Ihr Browser unterstützt nicht das Video - Tag. </ Video> </ Body> </ Html>

Versuchen »

Klicken Sie auf die "Try" , um die ErgebnissedesOnline-Betriebs anzuzeigen.

HTML5 Browser-Unterstützung

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:

<! - [If lt IE9] > <script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script> < ! [Endif]! - ->

Nach dem Laden der Initialisierung des neuen Labels CSS:

/ * Html5 * / Artikel, beiseite, Dialog, Footer, Header - Abschnitt, Footer, nav, Bild, Menü {display: block }

HTML5-Referenzhandbuch

In dieser Seite können Sie die HTML5 - Tags und Attribute im Detail beschrieben finden , klicken Sie bitte HTML5 - Referenzhandbuch .