HTML 5

HTML 5

HTML 5

HTML (HyperText Markup Language)

Extension de fichier

HTML5: .html, .htm
XHTML5: .xhtml, .xht, .xml

Type MIME

HTML5: text/html
XHTML5: application/xhtml+xml, application/xml

Développé par

W3C

Type de format

Hypertexte

Extension du

HTML 4

Standard(s)

W3C HTML 5

Spécification

Format ouvert

HTML 5 (HyperText Markup Language Version 5) est la prochaine révision du principal langage du World Wide Web, HTML. HTML 5 spécifie deux syntaxes d'un modèle abstrait défini en termes de DOM : HTML5 et XHTML5. Le langage comprend également une couche application avec de nombreuses API, ainsi qu'un algorithme afin de pouvoir traiter les documents à la syntaxe non conforme. Le travail a été repris par le W3C en mars 2007 après avoir été débuté par le WHATWG. Les deux organisations travaillent en parallèle sur le même document afin de maintenir une version unique de la technologie.

Sommaire

Changements par rapport à HTML 4.X/XHTML 1.X

Spécification

Doctype

Tout comme HTML ou XHTML, les documents HTML 5 nécessitent un Doctype indiquant la méthode de rendu standard au navigateur. Toutefois, pour les documents XML cette déclaration est facultative, le navigateur l'interprétant en mode standard par défaut.

Exemple d'utilisation avec HTML 5

<!DOCTYPE html>
<html></html>

Il est à noter que la déclaration du Doctype n'est pas sensible à la casse et qu'il n'y a plus de référence à une DTD.

Exemple d'utilisation avec XHTML 5

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"></html>

Encodage

Le processus de détection de l'encodage a également été modifié et s'effectue dans l'ordre :

  1. Vérification de la présence d'un header HTTP "Content-Type" ;
  2. Détection du BOM en début de fichier ;
  3. Utilisation d'une balise meta spécifique (<meta charset="UTF-8"> par exemple, la syntaxe utilisée dans les versions précédentes étant toujours compatible)

Pour les documents XHTML 5, l'auteur doit spécifier l'encodage dans le protocole XML :

<?xml version="1.0" encoding="UTF-8"?>

Nouvelles balises

  • section (Identifier un bloc de contenu)
  • article
  • aside (Insérer un contenu sans rapport avec la page)
  • header
  • footer (Indiquer le pied de page de la section concernée)
  • nav (Indiquer une section avec beaucoup de liens internes au site)
  • dialog
  • figure
  • audio (Insérer un contenu Audio.)
  • video (Insérer un contenu Vidéo.)
  • embed
  • mark
  • meter
  • progress (Indiquer un niveau d'avancement)
  • time
  • canvas
  • command
  • datagrid
  • details
  • datalist
  • keygen
  • output
  • ruby, rt et rp (pour les annotations ruby)

Il y a également de nouveaux types pour la balise input :

  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url
  • search
  • color

Nouveaux attributs

Pour la balise a :

  • media
  • ping
  • target (précédemment déprécié)

Pour la balise area :

  • hreflang
  • media
  • ping
  • rel
  • target (précédemment déprécié)

Pour la balise base :

  • target

Pour la balise button :

  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget

Pour la balise fieldset :

  • disabled
  • form

Pour la balise form :

  • novalidate

Pour la balise html :

  • manifest

Pour la balise iframe :

  • sandbox
  • seamless

Pour la balise input :

  • autocomplete
  • autofocus (sauf lorsque l'attribut type est défini à hidden)
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • list
  • max
  • min
  • multiple
  • pattern
  • placeholder
  • required (sauf lorsque l'attribut type est défini à hidden, image ou les types de boutons tel que submit)
  • step

Pour la balise li :

  • value (précédemment déprécié)

Pour la balise link :

  • sizes

Pour la balise menu :

  • label
  • type

Pour la balise meta :

  • charset

Pour la balise ol :

  • reversed
  • start (précédemment déprécié)

Pour la balise script :

  • async

Pour la balise select :

  • autofocus (Présélectionne une élément lors du chargement de la page)
  • form

Pour la balise style :

  • scoped

Pour la balise textarea :

  • autofocus
  • form
  • placeholder
  • required

Ainsi que les attributs globaux qui s'appliquent à toutes les balises :

  • contenteditable
  • contextmenu
  • data-*
  • draggable
  • hidden
  • on* (gestionnaires d'événements)
  • spellcheck

Changements dans les balises et attributs

Les balises

  • basefont,
  • big,
  • center,
  • font,
  • s,
  • strike,
  • tt,
  • u,

ont été supprimées car leurs effets étaient purement représentatifs, ce qui est le rôle de CSS.

Les balises frame, frameset et noframes ont été supprimées elles-aussi, elles étaient déjà dépréciées car elles créaient des problèmes d'accessibilité et d'utilisation pour l'utilisateur final.

Les balises suivantes ont elles aussi été supprimées :

  • acronym n'est plus inclue car elle créait beaucoup de confusions;
  • applet est obsolète en faveur de object;
  • isindex, car elle peut être remplacée par l'utilisation des contrôleurs de formes;
  • dir est obsolète en faveur de ul.

Enfin, noscript n'est fournie que dans la version HTML, elle n'est pas incluse dans la version XML.

Dépréciation de balises

Dépréciation d'attributs

API

HTML 5 introduit huit nouvelles APIs qui pourront aider à créer des applications web et qui peuvent être utilisées ensemble avec de nouveaux éléments introduits pour les applications dont :

  • une API de dessin 2D utilisé avec la nouvelle balise canvas;
  • une API pour jouer des vidéos et des sons/musiques utilisé avec les nouvelles balises video et audio;
  • une API utilisé pour les applications hors-lignes;
  • une API d'édition en combinaison avec le nouvel attribut contenteditable;
  • une API de drag and drop en combinaison avec l'attribut draggable;
  • une API qui permet l'accès à l'historique et permet aux pages d'en ajouter pour prévenir les problèmes de bouton retour-en-arrière.

Liens externes

  • Portail sur Internet Portail sur Internet
Ce document provient de « HTML 5 ».

Wikimedia Foundation. 2010.

Contenu soumis à la licence CC-BY-SA. Source : Article HTML 5 de Wikipédia en français (auteurs)

Игры ⚽ Поможем сделать НИР

Regardez d'autres dictionnaires:

  • HTML 5 — ist die noch nicht erschienene Weiterentwicklung der Auszeichnungssprache HTML (aktuell: Version 4.01). Inhaltsverzeichnis 1 Entstehung 2 Ziele 3 Aufbau 3.1 HTML 5 3.2 XHTML 5 3 …   Deutsch Wikipedia

  • HTML — For the use of HTML on Wikipedia, see Help:HTML in wikitext. HTML (HyperText Markup Language) Filename extension .html, .htm Internet media type text/html Type code TEXT …   Wikipedia

  • .html — Vorlage:Infobox Dateiformat/Wartung/magic fehltVorlage:Infobox Dateiformat/Wartung/website fehlt HTML (Hypertext Markup Language) Dateiendung .html, .htm …   Deutsch Wikipedia

  • HTML — Vorlage:Infobox Dateiformat/Wartung/magic fehltVorlage:Infobox Dateiformat/Wartung/website fehlt HTML (Hypertext Markup Language) Dateiendung .html, .htm …   Deutsch Wikipedia

  • Html — Vorlage:Infobox Dateiformat/Wartung/magic fehltVorlage:Infobox Dateiformat/Wartung/website fehlt HTML (Hypertext Markup Language) Dateiendung .html, .htm …   Deutsch Wikipedia

  • .html — Hypertext Markup Language L’Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage qui permet d’écrire de l’hypertexte, d’où son nom. HTML permet également… …   Wikipédia en Français

  • HTML — Hypertext Markup Language L’Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage qui permet d’écrire de l’hypertexte, d’où son nom. HTML permet également… …   Wikipédia en Français

  • Html — Hypertext Markup Language L’Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage qui permet d’écrire de l’hypertexte, d’où son nom. HTML permet également… …   Wikipédia en Français

  • HTML 5 — Infobox file format name = HTML (HyperText Markup Language) icon = extension = .html, .htm mime = text/html type code = TEXT uniform type = public.html owner = World Wide Web Consortium genre = Markup language container for = contained by =… …   Wikipedia

  • HTML e-mail — is the use of a subset of HTML (often ill defined) to provide formatting and semantic markup capabilities in e mail that are not available with plain text.Most graphical e mail clients support HTML e mail, and many default to it. [… …   Wikipedia

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”