Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel du HTML5

Utiliser les emphases et autres mises en valeur

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Les balises de type bloc permettent de structurer le contenu d'une page de manière sémantique. Il existe une grande quantité de balises de type inline vous permettant de structurer le contenu des paragraphes de la même manière.
03:07

Transcription

Toute en faisant partie de balise de type « en-ligne » nous avons toute une série de balises, qui peut nous permettre de mettre en emphase, d'accentuer, de mettre en relief, le texte que l'on va écrire. Alors, ici je les ai toute notées de manière display block, pour qu'on puisse les afficher indépendamment dans la page, et de façon à pouvoir mieux les explorer. Alors on a la balise « b », qui a parfois été polémiquée dans le sens ou quand HTML5 est arrivé, on s'est dit, elle n'existe plus, si. La balise « b » va toujours exister y compris la balise « i », qui par défaut mettent en écriture un peu grasse, pour bold et en italique, pour italique « i », mais qui en fait vont pas avoir le même sens sémantique que leur consœur qui les remplace qui sont « strong » et « em », « strong » et « em » à la différence vont également avoir une intonation sémantique, c'est à dire que ci le texte est écrit en « strong », un lecteur d’écran par exemple, le lira plus fort que la balise « b » ou une balise « i », « u », ou autre qui seraient écrites. Voilà donc des balises « b », « i », « strong » et « em » qui permettent par défaut de mettre en gras ou en italique réciproquement qui sont toutes les quatre utilisables en HTML5. La balise « u », balise underline, qui permet de souligner le texte par défaut tel qu'on le voit ici, qui va pouvoir permettre de marquer le mot, qui va pouvoir indiquer le mot, alors ça peut être pour repérer une faute pour repérer une majuscule, nom propre en chinois, par exemple, Voilà, donc on va pouvoir utiliser ces caractères qui sont complètement valides en HTML5, Ensuite on a des balises de type « mark » qui vont nous permettre de marquer sous forme de stabilo boss, qui vont être vraiment dans le code. Bien entendu vous pourrez, vous en CSS, venir modifier leur apercu, leur rendu visuel et par défaut vous voyez que la couleur, n'est pas prise, vraiment sa couleur est noire, écrit sur jaune. Par défaut par le navigateur qui va permettre de marquer un élément, et il peut s'agir par exemple si vous implémentez un moteur de recherche de pouvoir surligner et entourer directement toutes les occurrences du mot qui vont être trouvées par cette balise « mark » pour pouvoir les indiquer, les représenter attirer l'attention de l'utilisateur. Voilà ensuite vous avez une autre balise qui est assez intéressante, qui est arrivée avec HTML5, qui est la balise « small », qui va permettre de donner une information un peu secondaire, à un élément, à un contenu. Et enfin deux petites balises, que je vais placer dans d'une balise « span » par défaut qui sont des balises « sup » et « sub » pour pouvoir écrire en entité supérieure ou inférieure, Ici « sup » et « sub » par rapport à la ligne de base, par rapport à l’écriture normale du texte. Ça peut être utilisé par exemple pour en chimie H2O ou en utilisation de type « m² », etc. Voilà donc l'idée n'est pas de reprendre toutes les balises disponibles en HTML, mais de se dire : voilà dans les balises structurelles je peux avoir accès à des articles, des sections, donc à une découpe, assez structurelle et sémantique du contenu. Il faut penser donc je voulais attirer l'attention, que dans la partie contenu du texte, on a la partie inline, on a également une découpe structurelle sémantique qui est relativement riche et vous pouvez encore allez explorer d'autres balises, qui peuvent avoir leur intérêt comme « dfn », « wbr », « ruby », « bdi », etc. Vous avez tout une pléthore de balises pour pouvoir venir découper structurellement et sémantiquement le contenu de vos paragraphes.

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
Date de parution :29 juin 2016

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 !