HTML 5 le nouveau Standard HTML

.Pour suivre ce cours tutorial vous devez être initier en html.
  Pour cela vous pouvez suivre nos cours tutoriaux en html ici
L’objectif de ce tutorial sur html 5 est de vous donner un bon départ.
.. .vous devez commencer quelque part ! n'est ce pas ?

HTML5 est le nouveau Standard HTML

HTML5 cours tutorial

HTML5 est le nouveau standard HTML. Le premier projet de « travail » de HTML5 est sorti en janvier 2008 et a déjà le soutien  étonnamment large des navigateurs. La liste suivante montre ce qu’il apporte de plus au web

  • Nouveaux éléments
  • Nouveaux attributs
  • Prise en charge CSS3 complète
  • Vidéo et Audio
  • 2D/3D Graphics
  • Stockage local
  • Base de données SQL locale
  • Applications Web

HTML5 est toujours un travail en cours. Toutefois, la plupart des navigateurs prennent en charge plusieurs nouveaux éléments HTML5 et API.

Navigateurs compatibles HTML5

Les navigateurs compatibles sont ceux qui acceptent à la fois la balise video HTML5 et le codec vidéo h.264 ou le format WebM (codec VP8).

Pour voir si votre explorateur prend en charge HTML 5 ou non voici un lien :  http://www.youtube.com/html5

Voici aussi une vidéo pour tester votre navigateur http://www.youtube.com/embed/3NjXs_nXB5U  lancez la vidéo et click droit dessus.


Comment a commencé HTML5 ?

HTML5 est une coopération entre le World Wide Web Consortium (W3C) et le Web Hypertext Application Technology Working Group (WHATWG).

WHATWG travaillait avec les applications et les formulaires web et W3C travaillait avec XHTML 2.0. En 2006, ils ont décidé de coopérer et de créer une nouvelle version de HTML.

Quelques règles pour HTML5 ont été établies :

  • Nouvelles fonctionnalités reposant sur le HTML, CSS, DOM et JavaScript
  • Réduire la nécessité pour les plug-ins externes (comme Flash)
  • Meilleure gestion des erreurs
  • plus de balise pour remplacer les scripts
  • HTML5 doit être indépendant de périphérique
  • Le processus de développement doit être visible pour le public

Le HTML5 < !DOCTYPE >

En HTML5, il ya seulement une seule balise de  déclaration de type et c'est très simple comme suit :

<!DOCTYPE html>


Document HTML5 minimum

Voici un document HTML5 simple, avec le minimum de balises requises :

Sélectionner le code

	<!DOCTYPE html>
	<html>
	<head>
	<title>Titre du document</title>
	</head>
	<body>
	Le contenu du document......
	</body>

	</html>
	

HTML5 - nouveautés

Certaines des nouvelles fonctionnalités plus intéressantes en HTML5 :

  • L'élément <canvas> pour le dessin 2D
  • Le <video> et les éléments de <audio> pour la lecture multimédia
  • Prise en charge pour le stockage local
  • Nouveaux éléments de contenu spécifique, comme <article>, <footer>, <header>, <nav>, <section>
  • Rechercher de nouveaux contrôles de formulaire, comme le calendrier, date, heure, email, url,

La prise en charge du navigateur pour HTML5

HTML5 n'est pas encore une norme officielle, et aucun des navigateurs ne prennent en charge HTML5 complètement.

Mais tous les principaux navigateurs (Safari, Chrome, Firefox, Opera, Internet Explorer) continuent à ajouter de nouvelles fonctionnalités HTML5 à leurs versions les plus récentes.

Références de HTML5

Vous trouverez des références complètes à propos des balises, attributs globaux, événements standard et plus encore.

HTML5 Référence des balises

Par carabde 10 juin 2014

chapitre précédent

sommaire

chapitre suivant