Utilisation des commentaires et des entités en HTML

Commentaires et entités
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Cours HTML5 et CSS3 / Part 1
Revoir le teaser Je m'abonne
5,0
Transcription

39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis
5,0
39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de comprendre l'utilité des commentaires en HTML, de maîtriser l'écriture des entités pour des caractères spéciaux, et de savoir configurer correctement le charset de vos pages web pour un rendu international.

Découvrez comment ajouter des commentaires et utiliser des entités HTML pour améliorer et structurer votre code source.

Dans cette leçon, nous explorons l'intérêt et la manière d'ajouter des commentaires dans votre code HTML. Les commentaires sont des éléments de texte que les développeurs intègrent dans leur code pour apporter des précisions, des annotations ou des explications concernant certaines parties du code. Ils ne sont pas visibles par les utilisateurs finaux et servent avant tout à vous aider à garder une structure claire et compréhensible dans vos développements futurs.

Ensuite, nous abordons les entités HTML, indispensables pour représenter des caractères particuliers, tels que les signes inférieur (<) et supérieur (>), ainsi que le signe esperluette (&). Savoir utiliser les entités HTML est crucial pour éviter les conflits dans la lecture du code par les navigateurs.

Enfin, cette leçon introduit les notions de charset UTF-8, permettant l'affichage de caractères internationaux, et d'espaces insécables afin de contrôler la mise en page du texte dans des conditions spécifiques.

Voir plus
Questions réponses
Pourquoi est-il important d'utiliser des commentaires dans votre code HTML?
Les commentaires aident à structurer le code, apportent des précisions pour d'autres développeurs, et facilitent la maintenance future du site.
Qu'est-ce qu'une entité en HTML?
Une entité en HTML permet de représenter des caractères réservés ou spéciaux, tels que les signes inférieur (<) et supérieur (>), sans perturber la lecture du code par le navigateur.
Que signifie le charset UTF-8 dans un document HTML?
Le charset UTF-8 est une norme d'encodage qui permet la reconnaissance de caractères de toutes les langues, assurant ainsi une bonne compatibilité internationale du contenu web.
Nous allons voir dans cette leçon comment réaliser des commentaires et des caractères particuliers qui se nomment des entités. Un commentaire, c'est quelque chose que nous allons ajouter à l'intérieur de la page mais qui ne se verra pas par l'internaute. Ce sont des renseignements pour vous finalement, qui vont vous permettre, lorsque vous retrouverez votre code dans quelques mois, de savoir comment est structurée votre page, que vous avez voulu faire, ce que vous avez voulu dire à l'intérieur de cette page, uniquement comment vous avez organisé, donc ce sont des petits renseignements qui vous concernent vous uniquement. Par exemple, il est courant de séparer les différentes zones de la page avec des commentaires ou bien simplement placer un commentaire tout bête qui vous permet de dire voilà, j'ai fait telle ou telle chose pour telle ou telle raison. Un commentaire s'écrit de cette manière avec un chevron, un point d'exclamation, donc là effectivement, pour l'instant, mon logiciel semble tout sélectionner, donc un point d'exclamation, deux petits traits et puis ensuite le commentaire et on termine le commentaire par deux petits traits et un chevron supérieur. Donc là voilà, j'ai écrit un commentaire qui ne se verra pas dans le navigateur. Je peux écrire ce commentaire sur plusieurs lignes, ça ne pose aucun souci. Un commentaire dans une zone HTML s'écrit de cette manière. Nous verrons par la suite comment écrire un commentaire lorsque nous sommes dans la zone de mise en forme dans CSS, ce ne sera pas tout à fait la même chose, mais dès que vous êtes à l'intérieur de la zone body, à l'extérieur d'un style, le commentaire s'écrira toujours de cette manière, inférieur, point d'exclamation, deux petits traits, vous écrivez ce que vous voulez et on le termine par deux petits traits et supérieur. Donc voilà pour une première chose concernant les commentaires. Deuxième point à aborder dans cette leçon, ce sont les entités, ce sont en fait la possibilité d'écrire des caractères particuliers. Je vous ai fait écrire précédemment meta chartset égale utf-8. Cela signifie que l'encodage de ma page est réalisé avec cette norme qui s'appelle utf-8 qui comprend toutes les lettres et toutes les langues du monde. Donc la page est capable de reconnaître tous les accents et tous les signes particuliers. Si vous n'écrivez pas ce chartset là, donc par exemple un autre qui pourrait s'appeler ISO 8856-1 par exemple ou d'autres types de chartset, il faudra écrire les accents avec ce qu'on appelle les entités. Je vous conseille d'écrire toujours avec cet utf-8, ça vous éviquera un certain nombre de soucis par rapport à vos pages. Mais malgré tout, il existe un certain nombre de caractères que vous devez écrire avec ces fameuses entités. Il s'agit des caractères du signe inférieur et supérieur puisque ce sont des caractères de balise. Donc le navigateur, lorsqu'il trouve un signe inférieur, pense que vous allez écrire une balise alors que peut-être vous voulez écrire simplement A-AB. Alors c'est ce que nous allons écrire, A-AB. Donc là, à la limite, tout se passe très bien mais certains navigateurs pourraient mal interpréter ce signe inférieur puisqu'ils pourraient penser que c'est le début d'une balise. Pour cela, on écrit l'entité, donc une entité commence par le signe des sperluettes et ensuite nous allons écrire LT pour lesse, zanne, donc inférieur et nous allons terminer l'entité par un point virgule. Là, le navigateur interprétera correctement ce signe inférieur, donc ça, inférieur. De la même manière, nous allons devoir écrire le signe supérieur puisque le signe supérieur représente la fin de la partie balise. Donc pareil, je commence l'entité et cette fois-ci, j'écris GT qui permet de dire GREAT-ZANNE. Voilà, nous avons ainsi A supérieur AB. Enfin, nous allons devoir spécifier au navigateur que si nous voulons écrire le signe sperluette, que c'est bien les sperluettes que nous devons écrire et non pas une entité, forcément puisque le signe sperluette représente le début d'une entité. Si je veux écrire A et B, je vais être obligé d'écrire les sperluettes en tant qu'entité. Donc A, et sperluette, alors c'est forcément un début d'entité, donc de nouveau les sperluettes et les sperluettes s'écrivent AMP et point virgule. Voilà, A et B. Ce sont les trois signes que vous devez impérativement connaître et écrire de cette manière. Ils sont obligatoires. Or, j'ajouterai un signe supplémentaire qui peut être utile. C'est l'espace insécable que vous pouvez rencontrer dans de nombreux logepages. A, alors si j'écris un espace insécable, c'est-à-dire qu'il ne peut pas avoir un retour de ligne, A, l'espace insécable qui commence par E, N, B, SP qui veut dire No Break Space, point virgule, B. Ainsi, il ne pourra pas y avoir de césure, de coupure, même si la page se réduit beaucoup, on ne pourra plus couper le mot ici. Donc les espaces insécables peuvent servir à ça, peuvent servir à d'autres fins, bien évidemment. Voilà, nous avons donc parcouru ces possibilités de réalisation d'entités ainsi que de commentaires. Alors maintenant, je vais enregistrer et je vais regarder cette page dans le navigateur. Voilà, alors là, une première constatation est que l'ensemble de ce que nous avons écrit est sur la même ligne. C'est tout à fait normal, puisque la gestion du retour de ligne se fera avec des balises. Même si vous écrivez quelque chose avec des retraits ici, en fait, dans le navigateur, les retraits n'existeront plus, à moins que vous ayez mis les bonnes balises. Pour l'instant, nous n'avons pas travaillé la chose. Donc nous avons bien un inférieur, un supérieur, et puis le signe, il se perluette, et puis toujours notre bonjour situé ici. Donc ça, c'est une chose importante à retenir. En absence de balises particulières, l'ensemble s'affiche sur une ligne unique.
8 commentaires
5,0
8 votes
5
4
3
2
1
Polyores
Il y a 11 months
Commentaire
Bravo et bravo encore. Belle méthodologie. Hâte de voir la suite de la démystification du Html
ralahoul
Il y a 1 year
Commentaire
Une formation très intéressante et très bien construite.
eric.gk78
Il y a 3 years
Commentaire
excellent, compréhensible pour les débutants
alexwebtv
Il y a 3 years
Commentaire
Très bonne formation .
gabamano85
Il y a 3 years
Commentaire
Très belle présentation et facile à comprendre même pour un novice.
olivier_89
Il y a 3 years
Commentaire
explication très organisée et simple de comprendre pour les débutants
a.platiau_1
Il y a 3 years
Commentaire
Super formation. Très claire et très bien organisée.
ezerrou
Il y a 3 years
Commentaire
est ce la 2éme partie existe sur ce cours?
Nos dernières formations XHTML/CSS
  • Créer un site web avec HTML/CSS
    Découvrir
    Avant d'apprendre à développer et mettre en ligne votre propre site Internet, il est important de bien connaître les bases du HTML et du CSS. Dans cette formation en vidéo et cours en ligne, vous découvrez ce qu'est le HTML et CSS ?&nbsp;Le fonctionnement des sites web ainsi que la structure d'une page HTML.&nbsp; Vous êtes guider pas à pas pour apprendre à intégrer des images, de l'audio et des vidéo. Vous apprenez à gérer et ajuster les polices en CSS, à comprendre&nbsp;la structure du CSS, les tableaux, boutons et formulaires en CSS.&nbsp; Vous suivez la&nbsp;méthodologie de mise en page CSS et à styliser une page web avec le CSS. Formation pratique vous créez et stylisez les éléments principaux d'un site web avant de&nbsp;mettre en ligne et indexer un site, d'ajouter des éléments graphiques en CSS et d'animer un site en CSS
    16h20 14 leçons
  • Apprendre CSS 3
    Découvrir
    14h58 172 leçons 4,50 / 5
  • Apprendre HTML 5 - Les fondamentaux
    Découvrir
    Maîtriser les fondamentaux du language HTML5.
    5h11 101 leçons 3,67 / 5
  • Maîtriser Materialize CSS - Le framework pour le Material Design
    Découvrir
    Maîtriser le framework Materialize CSS pour faire du Material Design
    2h22 20 leçons
  • Maîtrisez les Flexbox CSS - La mise en page responsive
    Découvrir
    Maîtriser la mise en page grâce à la flexbox issue du CSS 3
    46min 9 leçons 4,33 / 5