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 — 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 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 — noun Etymology: hypertext markup language Date: 1992 a markup language that is used to create documents on the World Wide Web incorporating text, graphics, sound, video, and hyperlinks …   New Collegiate Dictionary

  • 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

  • HTML Tidy — Original author(s) Dave Raggett Type Library License W3C Software Notice and License Website …   Wikipedia

  • HTML Application — (HTA) Filename extension .hta Magic number %hta Developed by Microsoft Website http://msdn.microsoft.com/en us/library/ms536471(VS.85).aspx An …   Wikipedia

  • HTML scripting — HTML Series The W3C HTML standard includes support for client side scripting.It defines how locally executable scripts may be used in a web page.A particular client side application, such as a web browser, may support several script… …   Wikipedia

  • HTML+TIME — (Timed Interactive Multimedia Extensions) was the name of a W3C submission from Microsoft, Compaq/DEC and Macromedia that proposed an integration of SMIL semantics with HTML and CSS. The specifics of the integration were modified considerably by… …   Wikipedia

  • HTML element — This article is about the HTML elements in general. For information on how to format Wikipedia entries, see Help:Wiki markup and Help:HTML in wikitext HTML HTML and HTML5 Dynamic HTML XHTML XHTML Mobile Profile and C HTML Canvas element Character …   Wikipedia

  • HTML editor — An HTML editor is a software application for creating web pages. Although the HTML markup of a web page can be written with any text editor, specialized HTML editors can offer convenience and added functionality. For example, many HTML editors… …   Wikipedia

  • HTML-Kit — Infobox Software name = HTML Kit caption = collapsible = author = developer = [http://www.chami.com Chami.com] released = latest release version = build 292 latest release date = latest preview version = HTML Kit Tools (build 300) latest preview… …   Wikipedia


Share the article and excerpts

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

We are using cookies for the best presentation of our site. Continuing to use this site, you agree with this.