CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 Utilisation de l'élément figure-figcaption en HTML5

Utilisation de l'élément figure-figcaption en HTML5

Figure Figcaption
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML 5
Revoir le teaser Je m'abonne
3,7
Transcription

79,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
3,7
79,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont d'enseigner aux spectateurs comment :

  • Utiliser l'élément HTML5 figure-figcaption
  • Associer correctement des légendes aux images
  • Améliorer la sémantique et l'accessibilité des pages web

Découvrez comment insérer des légendes à vos images en utilisant l'élément HTML5 figure-figcaption.

Dans cette leçon, nous explorons l'utilisation de l'élément HTML5 figure-figcaption pour ajouter des légendes aux images de manière sémantiquement correcte. Vous apprendrez à structurer votre code HTML en utilisant des boîtes figure et figcaption et découvrirez les avantages de cette approche pour l'indexation par les moteurs de recherche et l'extraction de données.

Nous commencerons par expliquer pourquoi il est important de clairement associer les légendes aux images et les défis potentiels lorsque cette association n'est pas correctement réalisée. Ensuite, nous illustrons comment créer des boîtes figure contenant une image et une légende, en insistant sur l'importance d'une bonne indentation pour la clarté du code. Enfin, nous discuterons des ajustements de style par défaut que vous pouvez apporter via CSS pour améliorer l'affichage de vos figures.

Cette leçon fournit à la fois une compréhension théorique et des exemples pratiques pour une mise en œuvre efficace des légendes d'images, améliorant ainsi la sémantique et l'accessibilité de vos pages web.

Voir plus
Questions réponses
Pourquoi est-il important d'utiliser l'élément figure-figcaption en HTML5?
Utiliser l'élément figure-figcaption en HTML5 est important pour sémantiquement associer des légendes à des images, améliorant ainsi l'accessibilité et facilitant l'indexation par les moteurs de recherche.
Quelles sont les balises principales utilisées pour insérer une image et sa légende?
Les balises principales utilisées sont
pour contenir l'image et
pour insérer la légende de l'image.
Quels sont les avantages de bien indenter son code HTML?
Bien indenter son code HTML permet d'améliorer la lisibilité du code, facilite la maintenance, et aide à clairement montrer l'imbrication des éléments pour une meilleure compréhension de la structure sémantique.

Programme détaillé

header 03:28
nav 01:05
main 01:22
footer 01:06
section 02:18
aside 01:09
article 04:21
9 commentaires
3,7
9 votes
5
4
3
2
1
henridjithat
Il y a 2 ans
Parfait pour un débutant.
geoffrey.monange
Il y a 3 ans
Excellent tout parait simple et logique à la fin !
PASTRI49
Il y a 3 ans
Bravo! car sincèrement dans l'ensemble il y a un vrai travail de fond et surtout d'excellentes bases que vous nous dévoilez. Après bien évidemment à chacun de se créer son univers de progression à travers différentes recherches autres... mais ne soyons pas trop dur non plus au niveau d'exigences démesurées et reconnaissons quand même avec un minimum de correction la qualité d'ensemble de ce qui nous est dévoilé. Sincèrement moi j'ai apprécié cette formation, qui m'a quand même appris des choses que je ne connaissais pas dans la profondeur. Donc merci !
jpe.beno
Il y a 3 ans
Bonjour, dans le site final, il y a les explications du html (ok pour moi) mais ou sont les vidéos pour expliquer le css du site final ?
passprod_1
Il y a 3 ans
Les vidéos des cours css dans cette formation "apprendre le HTML 5" sont impossibles à suivre pour une personne débutante... Les exercices css ne sont pas dans le dossier à télécharger.
allal73
Il y a 4 ans
Bonne formation , merci , svp je pense qu'il manque des cours au chapitre 11 c'est manquant, je n'ai aucune info sur cette épisode, vous passez directement sur un exercice dont nous n'avons pas traité merci de corrigé, je n'est pas tous fini ma formation cela m'a perturber énormément.
lcerva38
Il y a 4 ans
Je confirme certains modules traite du css et pas du html.
missant974
Il y a 4 ans
J'ai commencé à suivre ces vidéos qui sont de qualité, mais malheureusement certains modules ne correspondent pas au sujets abordés, erreur lors de l'upload. Exemple le module 16 traite du CSS et non pas du HTML.
stephane.cade
Il y a 4 ans
Bonne formation. Je me demande s'il n'y a pas une anomalie au niveau du module 11. Une leçon manquante.J'ai eu le sentiment d'avoir manqué un épisode, alors que ce n'était pas le cas. Il me semble que c'était dans le module 11. Merci.