Définition
HTML
HTML (HyperText Markup Language) est le langage standard utilisé pour créer des pages web. Il permet de structurer le contenu d'un site web en utilisant des balises.
Balise
Une balise HTML est un code intégré dans un document HTML qui spécifie comment le contenu de la page, tel que le texte ou une image, doit être formaté et affiché par le navigateur.
Doctype
Le Doctype est une instruction au début d'une page HTML qui indique au navigateur quel type de document il s'apprête à interpréter, contribuant à garantir une compatibilité correcte avec les normes du Web.
HTML5
HTML5 est la cinquième version majeure du langage HTML, introduite pour améliorer la flexibilité, la sémantique, et les performances des pages web. Elle inclut de nouvelles fonctionnalités comme des balises sémantiques supplémentaires, des améliorations pour les formulaires, et une intégration multimédia simplifiée.
Structure de base d'un document HTML5
Un document HTML5 commence par la déclaration de type de document , suivie par l'élément , qui contient deux parties principales : et .
Le contient des éléments méta-informatifs comme , qui définit le titre de la page affiché dans l'onglet du navigateur, ainsi que des liens vers des feuilles de style CSS et des scripts JavaScript.
Le <body> inclut tout le contenu visible de la page, tel que les textes, images, liens, et autres balises structurelles.</div></div><div class='title'> <h3>Nouvelles balises sémantiques</h3> </div><div class="body" id="fiche_body"><div class='text'>HTML5 introduit plusieurs nouvelles balises permettant de structurer le contenu de façon plus sémantique, réduisant ainsi l'utilisation excessive des balises génériques comme <div>.
- <header>: Utilisée pour regrouper du contenu d'en-tête comme les logos, titres, et barres de navigation.
- <article>: Représente une composante indépendante du contenu, comme un article de blog ou une entrée de forum.
- <section>: Sert à partitionner le contenu en sections thématiques ou fonctionnelles, souvent accompagnées d'un en-tête.
- <footer>: Un conteneur pour le contenu de pied de page, telles que les informations de copyright ou les liens vers des politiques de confidentialité.
- <aside>: Contient des informations secondaires ou de support liées au contenu principal d'un document.</div></div><div class='title'> <h3>Gestion du multimédia</h3> </div><div class="body" id="fiche_body"><div class='text'>HTML5 a grandement facilité l'intégration de contenu multimédia directement dans le code HTML, sans recourir à des plugins externes comme Flash.
- La balise <audio> est utilisée pour intégrer des fichiers audio. Elle supporte les formats comme MP3, WAV, et OGG.
- La balise <video> permet d'incorporer des vidéos dans une page. Elle peut supporter les formats MP4, WebM, et Ogg.
- Les deux balises acceptent des attributs supplémentaires pour le contrôle du lecteur, comme 'controls', 'autoplay', 'loop', et 'muted'.</div></div><div class='title'> <h3>Améliorations des formulaires</h3> </div><div class="body" id="fiche_body"><div class='text'>HTML5 a amélioré les capacités des formulaires en introduisant de nouveaux types de champs de saisie et des attributs qui simplifient la validation du côté client.
- Nouveaux types de champs d'entrée : 'email', 'url', 'tel', 'number', 'range', 'date', 'datetime-local', 'month', 'week', et 'time', qui permettent une meilleure validation par le navigateur.
- Attributs supplémentaires comme 'placeholder' pour indiquer un texte indicatif à l'intérieur de l'input, et 'required' pour marquer un champ comme obligatoire.
- Prise en charge des attributs de validation côté client pour améliorer l'expérience utilisateur en fournissant des messages d'erreur immédiats lorsque nécessaire.</div></div><div class="resum fiche_resum" id="fiche_resum"> <h4>A retenir :</h4> <div class="boxy"> <div class="keyword"> HTML5 est une grande avancée dans le développement web, rendant le processus plus intuitif et complet grâce à ses nouvelles balises sémantiques et à la simplification de l'intégration multimédia. Il offre également des améliorations notables aux formulaires, ce qui facilite la saisie de données et améliore l'expérience utilisateur. HTML5 continue d'évoluer en réponse aux nouveaux besoins technologiques du web moderne. </div> </div> </div></div></div>
