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 — (HyperText Markup Language) Desarrollador World Wide Web Consortium WHATWG Información general …   Wikipedia Español

  • HTML — Расширение .html, .htm MIME text/html Ра …   Википедия

  • 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 5 — HTML5 (Hypertext Markup Language) Расширение файла: HTML: .html, .htm XHTML: .xhtml, .xht, .xml Тип MIME: HTML: text/html XHTML: application/xhtml+xml, application/xml Type code: TEXT UTI: public.html Разработчик …   Википедия

  • HTML 5 — Saltar a navegación, búsqueda HTML5 (Hypertext Markup Language) Desarrollador W3C HTML WG, WHATWG Información general Extensión de archivo …   Wikipedia Español

  • HTML 2 — HTML 2.0 (RFC 1866), editado por Tim Berners Lee y Dan Conolly, es la primera versión oficial del lenguaje informático HTML, y supone una formalización de las anteriores versiones de HTML en uso que Tim Berners Lee publica y mantiene en discusión …   Wikipedia Español

  • HTML + — HTML+ es un conjunto de extensiones de HTML formalizado por David Raggett en 1993, previamente a la primera especificación formal de HTML, y como recopilación, unificación, replanteamiento y mejora del conjunto de diferentes dialectos de HTML… …   Wikipedia Español

  • HTML — noun [uncountable] COMPUTING Hypertext Markup Language; a computer language for creating documents on the World Wide Web, using a system of codes to design the document and create link S to other documents: • You can convert Quark documents into… …   Financial and business terms

  • HTML — [ aʃteɛmɛl ] n. m. • 1994; sigle anglais, de Hypertext Markup Language « langage hypertexte à balises » ♦ Inform. Langage de structuration et de mise en pages de documents, utilisé pour la création de pages web. Il « potasse le HTML (langage… …   Encyclopédie Universelle

  • HTML 2.0 — (от англ. HyperText Markup Language  «язык разметки гипертекста»)  простой язык создания данных, используемый для создания гипертекстовых документов, которые могут быть прочтены разными платформами. HTML документ SGML документ с… …   Википедия

Share the article and excerpts

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