L'essentiel du HTML5

Choisir ses balises

Testez gratuitement nos 1298 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Parmi l'ensemble des balises à disposition, il est parfois complexe de choisir le compromis le mieux adapté. Rapprochez-vous du site de HTML5 Doctor qui propose un diagramme intéressant vous aidant dans cette tâche.
02:01

Transcription

Parmi tout l'ensemble des balises disponibles pour structurer nos documents, on a souvent tendance à facilement tomber dans la balise div, la balise span, pas forcément une balise qui a un sens sémantique, juste structurel. Ici, HTML5 Doctor a sorti un article assez intéréssant, avec ici un flowchart, qu'il est intéressant de regarder de près. Parce que ça vous dit comment je vais pouvoir construire mon élément. Ici je vais commencer, je vais me dire, est-ce un élément majeur, principal pour la navigation, est-ce un bloc de navigation principal? Oui ou non? Oui, à ce moment là, je passe sur une balise nav. Si ce n'est pas le cas, alors est-ce que ce contenu a un sens pour lui tout seul, à lui tout seul? auquel cas ça devient un article. Faites bien attention, un article c'est pas un article comme dans un magazine, un article de magazine. Un article c'est un contenu de page qui se suffit à lui tout seul, c'est à dire qui est la totalité, la globalité du contenu. Faites bien attention aussi de ne pas le confondre avec la balise main, qui serait la balise principale du contenu de ma page. Ici on va dire que, donc c'est pas le cas, c'est pas un article. Est-ce que cela apporte un complément d'information, ou est-ce que c'est important? Si c'est important, à ce moment-là, je vais pouvoir avoir ici, vais-je pouvoir le déplacer dans un complément d'information de type figure, une illustration? Est-ce que ça apporte une en-tête globale de découpe d'informations, c'est à dire une section qui va se passer à l'intérieur? Est-ce qu'il y a un sens sémantique? à ce moment-là je passerai sur un contenu plus approprié, un titre, et cetera Sinon, s'il n'y a vraiment rien, je partirai dans une division, parce qu'il n'y a plis aucun bloc de niveau de type un on va dire, qui pourrait correspondre à ce contenu? Si par contre ici, je reviens à cette partie-là et je me dis, mais non, c'est un complément pur et dur d'information qui peut être isolé, à ce moment là ça va être un aside qui va être une barre lattérale, une barre de complément d'information. Voilà, donc cet élément peut vous aider à mieux capter l'approche qu'on pourrait avoir dans la découpe de nos éléments principaux de la page. Alors ici je vous ai laissé le lien direct de façon à pouvoir venir le télécharger au format pdf directement.

L'essentiel du HTML5

Préparez la structure de vos sites web de manière évolutive, sémantique, et accessible à tous avec le HTML5. Abordez la gestion du texte, les balises et les attributs, etc.

5h13 (63 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :29 juin 2016
Durée :5h13 (63 vidéos)

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !