Introduction à HTML5 et XHTML5

Introduction

• HTML (HyperText Markup Language) est un langage de balisage qui structure le contenu des pages web.
• Il permet de structurer le contenu web en différents éléments.
• HTML est issu de SGML (Standard Generalized Markup Language), mais SGML est trop complexe pour une application web.
• SGML a été créé en 1986
• HTML a été inventé en 1992 par Tim Berners-Lee.
• HTML était initialement conçu pour structurer le texte, pas pour la présentation.
• Netscape et Microsoft ont modifié HTML en ajoutant des éléments de conception.
• CSS (Cascading Style Sheets) est apparu en 1996 et a facilité l'utilisation de HTML pour la conception.
• HTML4 a été introduit en 1998 avec l'utilisation systématique de CSS 2.
• La création de XML (eXtensible Markup Language) en 1998 a conduit au développement de XHTML, une reformulation de HTML comme application XML.
• HTML5 a été introduit en 2004.
• HTML5 est la révision majeure du HTML.

HTML5 et XHTML5

• HTML5 utilise plus de tags pour la structuration du texte, en ajoutant un sens (sémantique) aux balises telles que article, aside, footer, header, section, nav.
• HTML5 introduit de nouveaux éléments pour de nouveaux usages, comme la lecture et l'écriture de fichiers locaux, la géolocalisation, la communication bidirectionnelle, etc.
• HTML5 ajoute de nouvelles API (Application Programming Interfaces) pour étendre les capacités dynamiques du langage.
• Exemples d'APIs: stockage de données côté client, dessin 2D et 3D, microformats, lecture multimédia, et interaction par glisser-déposer.

Structure générale d'un document HTML

• Un document HTML comporte typiquement « une tête » et « un corps »
• La tête (élément « head ») définit les propriétés globales du document (titre, apparence, méta-informations).
• Le corps (élément « body ») contient le contenu du document.
• Le modèle de document HTML5 simple commence par , suivi de , , , , , et .
• Il existe aussi un modèle minimaliste, autorisant l'omission des balises '', '', '', et ''

Les balises HTML

• Les balises HTML structurent le contenu d'un document en délimitant les blocs.
• Les blocs contiennent des paragraphes, des titres, différents types de médias (images, sons, vidéos), des formulaires, et des liens hypertextes.
• Les balises HTML sont entourées de caractères "<" et "/>" pour se distinguer du contenu.
• Les balises ont une présentation et une signification spécifiques déterminées par HTML.
• Trois types de balises: balises d'ouverture(<nom_balise> ), balises de fermeture(</nom_balise>), et balises vides(<nom_balise/>)

Les attributs

• Les attributs HTML modifient les propriétés des balises HTML.
• Une balise peut avoir zéro ou plusieurs attributs.
• Les attributs sont choisis dans un ensemble d'attributs spécifiques à chaque balise, ou communs à plusieurs balises.
• Exemple d'attribut facultatif :

  Contenu

• Exemple d'attribut nécessaire :

Les commentaires

• Les commentaires HTML sont des informations qui ne sont pas affichées par le navigateur.
• Ils sont indiqués par .
• Ils sont utiles pour expliquer le code ou pour des instructions de développement.

Bibliographie et Webographie

• Différentes ressources pour apprendre le HTML et le CSS.
• Citations bibliographiques complètes sont incluses comme exemples.

Ce quiz couvre les bases de HTML et XHTML, y compris leur historique et leur évolution. Il aborde également l'importance de CSS dans la présentation du contenu web. Testez vos connaissances sur les balises, les versions et les caractéristiques de ces langages de balisage.