Si vous avez commencé à créer votre propre site Web, vous avez peut-être décidé d'utiliser un modèle en premier lieu au lieu de commencer à le concevoir vous-même (soit parce que vous n'avez pas beaucoup d'idée, soit parce que vous avez besoin d'une base). Dans ces modèles, vous verrez qu'il y a parfois des commentaires en CSS. Et non, par ce nom, nous ne faisons pas référence aux commentaires ou aux textes que les lecteurs mettent sur votre site Web, mais à de petites annotations qui sont faites par le développeur et qui aident à savoir à quoi fait référence chaque partie de ce grand code qui forme. Le modèle (et à quoi ressemble vraiment le Web.
Ensuite, Savez-vous ce que sont les commentaires CSS? Savez-vous comment cela peut être fait? Aujourd'hui, nous vous expliquons tout pour que vous les sachiez.
Que sont les commentaires?
Dans ce cas, nous n'allons pas faire référence à des commentaires compris comme des textes qui commentent une actualité et qui permettent une interaction entre un utilisateur et une page Web. Plus précisément, nous faisons référence à ceux qui sont placés entre des balises HTML et qui ne sont pas visuellement visibles, mais qui se trouvent dans le code de programmation d'un site Web, de telle manière qu'une tentative est faite pour informer la personne à quoi sert le code mais sans que cela ne soit reflété plus tard sur le Web (tel quel).
A quoi servent les commentaires?
La prochaine chose que vous pouvez vous demander est pourquoi vous devriez mettre des commentaires dans un modèle ou dans n'importe quel document de programmation. Et, croyez-le ou non, ces annotations sont très efficaces car, imaginez la situation suivante: vous avez commencé à programmer une page qui vous prendra plusieurs mois. Vous faites beaucoup de changements, d'horaires sur chacune des pages, etc. Et tout d'un coup, quand vous regardez en arrière, vous vous demandez à quoi servait ce code. Ou pire encore, vous devez changer une couleur ou un dessin et vous ne savez pas où il se trouve parmi tout le code que vous avez mis. Quel serait le désordre?
Eh bien, Les annotations que vous faites, en tant que commentaires en programmation, vous aident à vous souvenir de la raison de ce code ou à pouvoir vous localiser dans le projet ce que vous avez entre les mains. Ainsi, même si des semaines, des mois ou des années passent, vous saurez comment vous avez tout laissé et à quoi fait référence chaque code que vous avez utilisé.
D'autres fois, ces commentaires sont utilisés pour pouvoir tester certains aspects, pour qu'ils soient activés ou non sur le web selon qu'ils donnent une erreur lors de leur utilisation.
Bien sûr, le fait que les commentaires ne soient pas vus visuellement ne signifie pas que vous avez la liberté d'écrire quoi que ce soit. Et, parfois, les commentaires peuvent être déplacés ou rendre vos clients offensés par ce que vous y mettez (c'est-à-dire une discrimination à part entière). Il faut donc être prudent et ne mettre que ce qui est vraiment nécessaire. Car, bien qu'ils ne soient pas visibles, il existe aujourd'hui de nombreux navigateurs qui permettent d'explorer le code HTML et, avec lui, de rendre visibles les commentaires qui ont été placés.
Comment mettre des commentaires CSS
CSS est l'un des langages de programmation, peut-être l'un des plus largement utilisés, avec HTML, dans les pages Web et la conception créative. Par conséquent, le connaître un peu plus est important. En fait, celui que vous allez le plus utiliser est CSS3.
Maintenant, si vous avez déjà fait vos "premiers pas" avec la programmation, vous saurez que les codes sont utilisés pour "habiller" la structure et que le CSS aide à rendre votre site Web plus attractif. Mais en eux, il y a les commentaires en CSS. Ce sont les mêmes pour tous les langages de programmation, bien qu'ils soient écrits différemment dans chacun d'eux.
Comment faites-vous des commentaires CSS? Eh bien, pour cela, vous devez faire ce qui suit:
- Ouvrez le commentaire avec la barre oblique tordue (Maj + 7).
- Ensuite, mettez un astérisque.
- Ceci est le début de votre commentaire de telle sorte que tout ce que vous écrivez à partir de ce moment ne sera pas vu visuellement sur le Web, bien que ce soit dans le code HTML du Web.
- Pour fermer le commentaire, vous devez d'abord mettre un astérisque puis la barre oblique tordue.
- À ce moment-là, la prochaine chose que vous écrivez affectera visuellement le Web et sera visible.
Visuellement, le commentaire ressemblerait à ceci:
/ * Voici le commentaire qui serait visuellement masqué sur le web * /
Si vous l'avez fait correctement, il est fort probable qu'il apparaisse en gris et non en noir ou dans d'autres couleurs comme cela se produit avec d'autres codes. Cela signifie qu'il est bien spécifié et que ce sera un texte qui n'apparaîtra pas sur le web (dans la zone où vous l'avez placé).
Types de commentaires en CSS que vous pouvez mettre
Pendant que vous travaillez avec le HTML, il est normal que vous mettiez plusieurs commentaires pour pouvoir savoir ce que vous faites ou pour vous avertir qu'il y a des parties sans faire ou des erreurs que vous devez corriger. Cependant, par la suite, il est important d'éliminer ces types de commentaires qui ne seront vraiment d'aucune utilité. Cela ne signifie pas que vous devez tous les supprimer.
Il y a quelques commentaires CSS qui devraient rester. Lequel? Les suivants:
- Clarifier les commentaires. Ce sont des commentaires CSS qui aident à expliquer quelque chose de spécifique. Par exemple, la taille des images dans la section spécifique afin que vous sachiez quelles images utiliser.
- Bloquer les commentaires. C'est-à-dire les annotations qui sont faites pour délimiter chaque section ou partie d'un site Web: le pied de page, l'en-tête, etc.
- CSS désactivé. Avec cela, vous devez faire attention car vous devez vous assurer qu'il est désactivé mais qu'il peut fonctionner correctement au cas où vous voudriez l'utiliser à nouveau. Par exemple, imaginez que vous avez un site Web et qu'il est très lent. Ensuite, vous décidez de désactiver le curseur que vous avez placé en premier et de voir s'il améliore le Web. Si tel est le cas, vous pouvez le remettre à tout moment une fois le problème résolu.
- Commentaires sur le crédit. Enfin, vous voudrez peut-être laisser les commentaires qui font référence à la personne qui a créé le code, ou à la version du site Web que vous avez créée, afin que vous puissiez évoluer ou donner du crédit à la personne qui a fait le travail (bien que ce soit pas visuellement visible dans certains cas.