L'essentiel du HTML5

Explorer les caractères et les entités

Testez gratuitement nos 1309 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Quelques caractères peuvent être mal interprétés par les navigateurs. Faites recours à leur représentation sous forme d'entité HTML. Explorez diverses approches pour arriver au même résultat.
05:09

Transcription

Une particularité du HTML, c'est que c'est du langage texte, c'est du pur texte. Et les balises sont simplement indiquées par ces signes, inférieur, supérieur, ces petits chevrons ici qui viennent indiquer l'encadrement d'une balise. Donc, puisque c'est du texte, il n'y a rien qui va, structurellement, au coeur du fichier, venir faire détecter la balise, si ce n'est ces deux caractères. Donc qu'en est il, si je dois utiliser le caractère inférieur ou supérieur, directement? Alors, beaucoup de navigateurs modernes en arrivent à faire la distinction qu'il ne s'agit pas d'une balise, mais cela peut poser quelque fois souci. Et pour cela, on va utiliser ce qu'on appelle des entités, pour pouvoir représenter ces caractères un peu particuliers, un peu spéciaux. Et, si je tape ici, dans dreamweaver, vous voyez, dans la partie création, ici, si je tape ce signe-là, vous voyez que dans la partie code, ce qui vient de s'écrire n'est pas du tout le caractère, mais en fait c'est une entité. Et ici c'est une entité HTML, une entité textuelle, qui veut dire "lower than", plus petit que. Et bien entendu, si j'écris la suivante, esperluette, ici cette fois-ci, g t et point virgule, "greater than", là vous voyez vous venez de faire l'autre caractère. En fait, on a la possibilité d'utiliser ces entités pour pouvoir représenter, directement, les caractères un peu particuliers. Alors qu'en est-il maintenant, si je dois remplacer cette esperluette, puisqu'il s'agit là également d'un caractère un peu spécial. On va utiliser l'esperluette "amp", avec cette entité là pour représenter ce caractère. Et pour le point virgule, lui ça bouge pas, en entité HTML, il est directement représenté de cette manière-là. Chaque fois que vous allez rencontrer ces types de caractères-là, n'hésitez surtout pas à avoir recours à leur entité HTML, pour pouvoir les représenter. Ca va un peu plus loin que ça, ça je vais le transformer en paragraphe, pour le garder histoire de le stocker, de passer sur une ligne suivante. Je vais directement faire un nouveau paragraphe, voilà. On a plusieurs manières de pouvoir représenter ces entités, et surtout on a une pléthore de caractères un peu particuliers. Si nous prenons dans notre langue française, ici, les caractères comme É majuscule, ou é minuscule avec l'accent aigu, on voit bien que les navigateurs vont pouvoir les représenter sans souci. Mais si on se retrouve, donc, à devoir travailler sur des navigateurs qui ne prendraient pas en compte cette facilité-là, on va utiliser encore une fois, ce qu 'on appelle les entités HTML. Alors, l'entité HTML, pour tous les accents aigus c'est "acute". Et bien entendu juste devant le "acute", ici, je vais rajouter le caractère en question. Donc, si je rajoute un petit e, vous allez voir que ça fait le petit é. Et si maintenant j'écris : esperluette, "acute", aussi, point-virgule, et cette fois-ci là devant je vais placer un grand E, un E majuscule sans accent, bien entendu, ça va me le remplacer, oh pardon j'ai inversé les lettres ici, par le É majuscule. Ici, on a affaire à ce qu'on appelle des entités HTML textuelles. On a la possibilité d'utiliser des entités numériques. Et donc pour cela, on va utiliser l'esperluette dièse cette fois ci, avec la valeur numérique de la lettre, et ici, ça sera 201 pour le É majuscule, et esperluette, dièse, 233, point virgule pour le é minuscule. Juste pour avoir une cohérence de représentation ici je vais inverser ces deux éléments, voilà de façon à avoir toujours Éé, comme ça. Vous avez cette possibilité-là. On a encore une autre possibilité, pour pouvoir représenter les caractères sous forme d'entité ici, c'est d'utiliser une icône. Là il va falloir taper esperluette, dièse; et cette fois-ci, user de l'encodage unicode. On va préciser que c'est de l'unicode par le petit x encore, et on va mettre la valeur de la référence et toujours pareil on va terminer par un point virgule. Donc ici, pour le É majuscule, c'est le OOC9 et le OOE9 pour... ...toujours pareil, esperluette, dièse, le x, et OOE9, pour le é minuscule, voilà. Et là, on a toutes les possibilités de pouvoir représenter nos caractères, quelque soit l'encodage de la page, quelque soit l'encodage de lecture du navigateur, on sait comment restituer ce caractère, puisque ça correspond à la table. Qui dit table, dit de googler un peu sur le sujet, vous tapez table encodage des caractères, HTML, numérique ,et cetera, unicode. Et vous allez avoir pléthore de tableaux la dessus qui vont pouvoir vous renseigner. Si je prends ici regardez, le É majuscule accent aigu, vous voyez c'est le OOC9. Donc vous allez pouvoir comme ça, trouver tous vos caractères, pour les parties unicodes. Ensuite vous avez aussi des sites comme phpsources.org, qui vous donnent l'équivalence, à la fois du caractère tel qu'on l'attend plus l'encodage ASCII, l'encodage unicode, l'encodage ISO. Donc vous avez un peu toute les valeurs, ici, qui vont pouvoir être récupérées, Et puis, il y a un site particulièrement bien fait, celui d'alexandre.alapetite.fr, où vous avez pareil, des tableaux qui vont pouvoir vous donner l'intégralité, avec la signification et la prise en compte d'un navigateur, de tous les caractères un peu particulier, un peu spéciaux, que vous seriez amenés à représenter dans vos contenus.

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 !