Latest web development tutorials

HTML5 Tutoriels

HTML

HTML5 est la dernière version de HTML en Octobre 2014 en normes World Wide Web Consortium (W3C) terminé.

HTML5 est conçu pour soutenir le multimédia sur les appareils mobiles.

HTML5 facile à apprendre.

Qu'est-ce que HTML5?

HTML5 est la prochaine génération de la norme HTML.

HTML, la version précédente de HTML 4.01 est né en 1999. Depuis lors, le monde du Web a subi un changement de la mer.

HTML5 est encore dans sa perfection. Cependant, la plupart des navigateurs modernes ont déjà un certain soutien HTML5.

HTML5 est comment commencer?

W3C et WHATWG HTML5 est le résultat de la coopération, WHATWG signifie Web Groupe de travail technique d'application Hypertext. .

WHATWG dédié formulaires Web et des applications, et W3C axé sur XHTML 2.0. En 2006, les deux parties ont décidé de coopérer pour créer une nouvelle version du HTML.

HTML5 nouvelles Les fonctionnalités intéressantes:

  • Pour élément de toile de peinture
  • éléments vidéo et audio pour la lecture multimédia
  • Meilleur support pour le stockage hors ligne locale
  • De nouveaux éléments de contenu spécifiques, tels que l'article, footer, header, nav, section
  • Nouveaux contrôles de formulaire, comme le calendrier, date, heure, email, URL, recherche

HTML5 <! DOCTYPE>

<! DOCTYPE> doit être dans la première ligne du document HTML5, très simple à utiliser:

<! DOCTYPE html>

le document HTML5 Minimal

Voici un document HTML5 simple:

<! DOCTYPE html> <Html> <Head> <Meta charset = "utf-8"> <Titre> Document Titre </ title> </ Head> <Body> contenu du document ...... </ body> </ Html>

Remarque: Pour les pages web chinois ont besoin d'utiliser <meta charset = "utf-8 "> déclaration, sinon il sera tronqué.

Amélioration de HTML5

  • Nouvel élément
  • Nouvelle propriété
  • Support complet pour CSS3
  • Vidéo et Audio
  • dessin 2D / 3D
  • magasin local
  • données SQL locale
  • Applications Web

HTML5 Multimedia

Vous pouvez simplement utiliser la lecture vidéo HTML5 (vidéo) et audio (audio) dans la page.

HTML5 application

Vous pouvez simplement utiliser le développement d'applications HTML5

  • stockage de données local
  • L'accès aux fichiers locaux
  • données SQL locale
  • devis Cache
  • travailleurs Javascript
  • XHTMLHttpRequest 2

graphiques HTML5

Utilisez HTML5, vous pouvez simplement dessiner des graphiques:

Utilisez HTML5 CSS3

  • Nouveau sélecteur
  • Nouvelle propriété
  • animation
  • conversion 2D / 3D
  • filet
  • effet de l'ombre
  • polices téléchargeables

En savoir plus d' informations CSS3 s'il vous plaît voir le site de tutoriels CSS3.

éléments sémantiques

HTML5 ajoute beaucoup d'éléments sémantiques sont les suivantes:

étiquette description
<Article> Définir la zone de contenu de la page séparée.
<Aside> Définir les pages de contenu sidebar.
<Bdi> Il vous permet de définir un morceau de texte, la direction du texte à l'écart des paramètres de l'élément parent.
<Command> boutons de commande personnalisée - tels que les boutons radio, cases à cocher ou des boutons
<Détails> Détails du document ou une section pour
<Dialog> boîte de dialogue, tels que des ballons Personnaliser
<Sommaire> La balise de titre contient les détails des éléments
<Figure> Des dispositions distinctes en streaming le contenu (images, graphiques, photographies, code, etc.).
<Figcaption> Définition de <figure> titre de l'élément
<Pied de page> section Défini ou d'un document footer.
<Header> Il définit la zone de tête du document
<Mark> texte défini avec la marque.
<Compteur> Définition des poids et mesures. Connu seulement utilisé pour mesurer les valeurs maximales et minimales.
<Nav> Définir section des liens de navigation.
<Progrès> calendrier défini tout type de tâche.
<Ruby> Définition de l'annotation ruby ​​(phonétique ou caractères chinois).
<Rt> caractères définis de l'interprétation ou la prononciation (phonétique ou caractère chinois).
<Rp> Dans l'annotation ruby ​​est utilisé pour définir le contenu ne supporte pas le navigateur élément ruby ​​affiché.
<Section> La définition de la section du document (section, section).
<Time> Définir la date ou l'heure.
<Wbr> Les dispositions du texte le cas échéant pour ajouter un saut de ligne.

HTML5 Forms

Nouveaux éléments de formulaire, de nouveaux attributs, de nouveaux types d'entrée, la vérification automatique.

éléments supprimés

Le code HTML suivant 4.01 éléments HTML5 a été supprimé:

  • <Acronyme>
  • <Applet>
  • <Basefont>
  • <Big>
  • <Center>
  • <Dir>
  • <Font>
  • <Cadre>
  • <Frameset>
  • <NOFRAMES>
  • <Strike>

Des exemples de chaque chapitre

Grâce à notre éditeur HTML, vous pouvez modifier le code HTML, puis cliquez sur le bouton pour voir les résultats.

Exemples

<! DOCTYPE HTML> <Html> <Head> <Meta charset = "utf-8"> <Titre> Ce tutoriel (w3big.com) </ title> </ Head> <Body> <Vidéo width = "320" height = "240" contrôles> <Source src = "movie.mp4" type = "video / mp4"> <Source src = "movie.ogg" type = "video / ogg"> Votre navigateur ne supporte pas la balise video. </ Vidéo> </ Body> </ Html>

Essayez »

Cliquez sur le bouton "Essayer" pour afficher les résultats de l' opérationenligne.

Support du navigateur HTML5

La dernière version de Safari, Chrome, Firefox et Opera en charge certaines fonctionnalités HTML5. Internet Explorer 9 soutiendra certaines fonctionnalités HTML5.

versions compatibles IE9 navigateur des méthodes de HTML5 suivantes, package html5shiv utilisent le site pour les ressources statiques:

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

Après le chargement, l'initialisation de la nouvelle CSS de label:

/ * Html5 * / article, de côté, de dialogue, pied de page, en- tête, section, pied de page, nav, figure, menu {display: block }

HTML5 Manuel de référence

Dans ce site , vous pouvez trouver les balises HTML5 et attributs décrits en détail s'il vous plaît cliquez sur HTML5 Manuel de référence .