Html5
 Votre Publicité sur le Réseau
|
Traduction
Traductions
Définition
Domaine, Discipline, Thématique
Justification
Définition écrite
C'est quoi HTML5?
- HTML5, sortie en octobre 2014, est la dernière révision du HTML .
- HTML (Hyper Text Markup Language) est le langage de balisage standard pour la création des pages Web depuis 1993.
- Il décrit la structure d'une page Web.
- Il se compose d'une série d'éléments.
- Les éléments indiquent au navigateur quoi afficher comme contenu : titre, division, paragraphe, image , tableau...
Les éléments du HTML5
- Tout comme les versions précédentes de HTML, l'élément HTML5 est toute l'instruction allant de la balise de début à la balise de fin :
< balise > Le contenu < /balise >
- Exemples de certains éléments HTML :
< h1 > Mon premier Titre< /h1 > < p > Mon premier paragraphe. < /p >
Exemple de page HTML5 simple
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<header> <h1>Titre de Niveau 1</h1> </header>
<nav><a href="https://didaquest.org/wiki/Accueil">lien1</a></nav>
<section>
<article>
<p>paragraphe</p>
</article>
</section>
<footer> <h4>pied de page</4'> </footer>
</body>
</html>
Le Doctype
- Tout comme les pages HTML ou XHTML, les documents HTML5 nécessitent une déclaration indiquant au navigateur le type du document et la méthode standard de rendu: dans le cas de HTML5, l'instruction <!DOCTYPE html> » au début de tout document joue ce rôle.
Les apports du HTML5
Les nouveaux éléments de HTML5
Quelques nouveaux attributs
media : permet de spécifier pour quel média ou appareil il est optimisé. type : définit le MIME de la cible URL.
hreflang : spécifie le langage de l’url. media : permet de spécifier pour quel média ou appareil il est optimisé. rel : indique la relation entre le document courant et l'URL cible. type : définit le MIME de la cible URL.
autofocus : indique que le bouton doit avoir le focus pendant le chargement de la page. form : spécifie à quel formulaire le bouton appartient. formaction : spécifie où envoyer le form-data quand un formulaire est soumis. Remplace l'attribut action du formulaire. formenctype : indique comment le form-data doit être encodé avant d’être envoyé à un serveur. Remplace l'attribut enctype du formulaire. formmethod : définit comment il faut envoyer le form-data. formnovalidate : si présent, indique que le formulaire ne doit pas être validé quand il est envoyé. formtarget : spécifie où ouvrir/exécuter l’action.
name : définit le nom du fieldset. disabled : désactive le fieldset. form : définit le formulaire du fieldset.
autocomplete : autocomplétion. novalidate : si présent le formulaire n’est pas validé lorsqu’il est soumis.
autocomplete : autocomplétion. autofocus : définit le focus lors du chargement de la page. form : spécifie à quel formulaire le champ appartient. formaction : remplace l'attribut "action" du formulaire. Indique l'URL à laquelle envoyer les données du formulaire. formenctype : remplace l'attribut "enctype" du formulaire. Indique comment la forme-données doit être encodé avant d’être envoyé au serveur. formmethod : remplace l’attribut "method" du formulaire. Définit la méthode HTTP d'envoi des données à l'URL. formnovalidate : remplace l'attribut "novalidate" du formulaire. S'il est présent le champ de saisie ne devrait pas être validé lors de son envoi. formtarget : remplace l'attribut "target" du formulaire. Indique la fenêtre cible utilisée lorsque le formulaire est soumis. height : définit la hauteur. list : désigne un "datalist" contenant des options prédéfinies pour le champ de saisie. max : indique la valeur maximale du champ d'entrée. min : indique la valeur minimale du champ d'entrée. multiple : si présent, l’utilisateur peut entrer plusieurs valeurs. pattern : définit un motif. placeholder : un conseil pour aider les utilisateurs à remplir le champ de saisie. required : indique que la valeur du champ de saisie est nécessaire pour soumettre le formulaire. step : indique l’intervalle entre les valeurs. Quelques nouveaux types :{ |
Html5 - Historique (+)
Définition graphique
Titre de Votre Image 1
Titre de Votre Image 2
Titre de Votre Image 3
{{{AutresMedias}}}
Concepts ou notions associés
Html5 - Glossaire / (+)
Exemples, applications, utilisations
................................................................................ ................................................................................ ................................................................................
................................................................................ ................................................................................ ................................................................................ |
Erreurs ou confusions éventuelles
- Confusion entre ....... - ........
- Confusion entre ....... - ........
- Erreur fréquente: ....................
Questions possibles
Liaisons enseignements et programmes
Idées ou Réflexions liées à son enseignement
Aides et astuces
- ..................
- .................
- ..................
- .................
Education: Autres liens, sites ou portails
- ..................
- ..................
- ..................
Bibliographie
Pour citer cette page: ([1])
ABROUGUI, M & al, 2022. Html5. In Didaquest [en ligne]. <http:www.didaquest.org/wiki/Html5>, consulté le 24, novembre, 2024
- ..................
- ..................
