Tout petit billet mais au combien utile pour ceux qui, comme moi, aiment utiliser les “quick comment” dans leur sources. Vous connaissez certainement ceux qui sont valables pour PHP, C, Java… en gros ceux qui utilisent “/* */” pour commenter le code. Mais pour le HTML je n’avais pas trouvé d’idée possible… Et là tout à coup j’ai trouvé :) Piqure de rappel en premier, et solution pour la suite !

Dans un code PHP (ou java, ou C… comme vous voulez):

//voici un bloc de code non commenté:
/**/
$test = "du texte...";
$test = "du texte...";
$test = "du texte...";
/**/
$code = "ici, c'est pas commenté";

Il suffit de supprimer une étoile au début du bloc pour commenter le bloc:

/*/
$test = "du texte...";
$test = "du texte...";
$test = "du texte...";
/**/
$code = "ici, c'est pas commenté";

C’est utile et ça peut aussi servir pour activer un bloc en désactivant les autres en utilisant cette fois ci un slash “/” devant le symbole de commentaires :

/*/
$test = "du texte...";
$test = "du texte...";
$test = "du texte...";
/*/
$test = "du texte...";
$test = "du texte...";
$test = "du texte...";
/**/
$code = "ici, c'est pas commenté";

et on switch comme ça:

//*/
$test = "du texte...";
$test = "du texte...";
$test = "du texte...";
/*/
$test = "du texte...";
$test = "du texte...";
$test = "du texte...";
/**/
$code = "ici, c'est pas commenté";

Bon, maitenant passons à HTML, les commentaires étant " " j’ai trouvé une petite méthode simple:

<!-- Bloc activable --
<link rel="stylesheet" href="test1.css" />
<!-- -->

Pour activer le bloc, il sufft d’ajouter un “>” après les tirets “–” sur la ligne servant de titre de bloc commenté.

<!-- Bloc activable -->
<link rel="stylesheet" href="test1.css" />
<!-- -->

Cela vous permettra de faire un bloc commentable rapidement, c’est pratique pour tester des inclusions de script, de styles… dans vos pages HTML

Vous pouvez évidamment mettre plusieurs “link” de styles dans le bloc commentable. (je désactive la coloration qui est buggé sur mon blog et qui pourrait prêter à confusion)

    <!-- Bloc activable --
    <link rel="stylesheet" href="test1.css" />
    <link rel="stylesheet" href="test1more.css" />
    <script type="text/javascript" src="test1.js"></script>
    <!-- -->

    <!-- Bloc activable -->
    <link rel="stylesheet" href="test2.css" />
    <link rel="stylesheet" href="test2more.css" />
    <script type="text/javascript" src="test2.js"></script>
    <!-- -->

Ici le bloc numéro 2 est activé, mais pas le premier, vous pouvez activer le premier de cette manière:

    <!-- Bloc activable -->
    <link rel="stylesheet" href="test1.css" />
    <link rel="stylesheet" href="test1more.css" />
    <script type="text/javascript" src="test1.js"></script>
    <!-- -->

    <!-- Bloc activable -->
    <link rel="stylesheet" href="test2.css" />
    <link rel="stylesheet" href="test2more.css" />
    <script type="text/javascript" src="test2.js"></script>
    <!-- -->

Puis désactiver le second bloc:

    <!-- Bloc activable -->
    <link rel="stylesheet" href="test1.css" />
    <link rel="stylesheet" href="test1more.css" />
    <script type="text/javascript" src="test1.js"></script>
    <!-- -->

    <!-- Bloc activable --
    <link rel="stylesheet" href="test2.css" />
    <link rel="stylesheet" href="test2more.css" />
    <script type="text/javascript" src="test2.js"></script>
    <!-- -->

Et voilà… pratique ? ou pas ? moi je trouve ça super pratique !