HTML5

De DidaQuest


Autres Fiches Conceptuelles
Posez une Question
Target Icon.pngVotre Publicité sur le Réseau Target Icon.png

Didactique-puce.png Traduction
Didactique-puce.png Définition
Didactique-puce.png Réseau Conceptuel
Didactique-puce.png Media
Didactique-puce.png Conceptions
Didactique-puce.png Questions
Didactique-puce.png Education & Formation
Didactique-puce.png Aides & Astuces
Didactique-puce.png Contrainte d'Enseignement
Didactique-puce.png Bibliographie
Puce-didaquest.png Traduction
  • Historie :

/ HTML5 (HyperText Markup Language 5) / HTML (Français) / HTML (Anglais) / HTML (Arabe)


Puce-didaquest.png Définition


Définition écrite

  • HTML5 (HyperText Markup Language 5) est la dernière révision majeure du HTML (format de données conçu pour représenter les pages web).
  • Cette version a été finalisée le 28 octobre 2014. HTML5 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é lancé par le WHATWG. Les deux organisations travaillent en parallèle sur le même document afin de maintenir une version unique de la technologie.
  • Le W3C clôt les ajouts de fonctionnalités le 22 mai 2011, annonçant une finalisation de la spécification en 20141, et encourage les développeurs Web à utiliser HTML 5 dès ce moment.
  • Dans le langage courant, HTML5 désigne souvent un ensemble de technologies Web (HTML5, CSS3 et JavaScript) permettant notamment le développement d'applications (cf. DHTML).
Définition graphique


Puce-didaquest.png Concepts ou notions associés
  • Tout comme les pages HTML ou XHTML, les documents HTML5 nécessitent une déclaration Doctype2 indiquant la méthode standard de rendu par le navigateur.
  • Dans le cas de HTML 5, il faut préciser « <!DOCTYPE html> » au début de tout document en HTML. Toutefois, pour les documents XML cette déclaration est facultative, le navigateur l'interprétant en mode standard par défaut.
  • Pour utiliser la structure XML (XHTML 5), il faut préciser dans le header : « Content-Type: application/xhtml+xml ».
Puce-didaquest.png Exemples, applications, utilisations


Fichier:Html52.png

  • comment fonctionne un site web
    • Non, n'ayez pas peur de poser des questions même si vous pensez qu'elles sont « bêtes ». Il est très important que nous en parlions un peu avant de nous lancer à fond dans la création de sites !

Je suis certain que vous consultez des sites web tous les jours. Pour cela, vous lancez un programme appelé le navigateur web en cliquant sur l'une des icônes représentées à la figure suivante. Les icônes des navigateurs web les plus répandus

  • J'ai entendu parler de HTML, de CSS, est-ce que cela a un rapport avec le fonctionnement des sites web ?
    • Tout à fait !

Il s'agit de langages informatiques qui permettent de créer des sites web. Tous les sites web sont basés sur ces langages, ils sont incontournables et universels aujourd'hui. Ils sont à la base même du Web. Le langage HTML a été inventé par un certain Tim Berners-Lee en 1991…

Tim Berners-Lee suit encore aujourd'hui avec attention l'évolution du Web. Il a créé le World Wide Web Consortium (W3C) qui définit les nouvelles versions des langages liés au Web. Il a par ailleurs créé plus récemment la World Wide Web Foundation qui analyse et suit l'évolution du Web.

    • Les langages HTML et CSS sont à la base du fonctionnement de tous les sites web. Quand vous consultez un site avec votre navigateur, il faut savoir que, en coulisses, des rouages s'activent pour permettre au site web de s'afficher. L'ordinateur se base sur ce qu'on lui a expliqué en HTML et CSS pour savoir ce qu'il doit afficher, comme le montre la figure suivante.
    • HTML et CSS sont deux « langues » qu'il faut savoir parler pour créer des sites web. C'est le navigateur web qui fera la traduction entre ces langages informatiques et ce que vous verrez s'afficher à l'écran.

Vous vous demandez sûrement pourquoi il faut connaître deux langages pour créer des sites web ? Je vous réponds sans plus tarder !


Puce-didaquest.png Erreurs ou confusions éventuelles


  • Confusion entre HTML et HTML5
  • Confusion entre HTML5 et PHP
  • Erreur fréquente: .................


Puce-didaquest.png Questions possibles


Html52.jpg

  • Ecrire un code HTML qui permet d’afficher le texte « Vous pouvez afficher le message en cliquant ici »
  • Ecrire un script qui permet l’apparition d’un message en :
    • Déclarant une fonction dans la parie <HEAD> et </HEAD>
    • Faisant appel à cette fonction dans la balise <A> qui fait un lien vers la boite de dialogue
  • Remarque: Le lien s’ajoute sur le mot ‘’ici ‘’ pour afficher la boite de dialogue
  • [<A href=‘’ ‘’ onclick=‘’message()’’>ici</A>]
Puce-didaquest.png Liaisons enseignements et programmes




Puce-didaquest.png Aides, Astuces,...


  • compléter le code suivant pour répondre au question :
    • <html>

<head> <script Language = "JavaScript"> function () {alert ('code JavaScript ') } </script> <body> vous pouvez afficher la boite de dialogue en cliquant <a href ="" ="message()"> ici </a>

</head> </html>


Puce-didaquest.png Difficultés liées à son enseignement'


  • Certaines techniques en JavaScript sont un peu complexe, comme les closures par exemple.
Puce-didaquest.png Bibliographie


- URL :

- Bibliographie :

  • S.C. Myers, N. Majluf

Corporate Financing and investment decisions when firms have information that investors do not have Journal of Financial Economics, 13 (1984), pp. 187–221

  • Article
  • Page Supervisée par:

/ Didacticiens / ............