Quick comment HTML

07/02/2010

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 !

Ça peut vous intéresser aussi


Quizz HTML

Et bé…


QRcode sur votre blog

Depuis que je suis sur Google Phone (Android) je découvre ...


Poste de développement PHP sous Fedora

Linux est un système parfait pour développer. Simple d’installation,...


Google Addsense et W3C

Dans la série “mouarf” je vous présente Google AddSense ...

Merci de m'aider à financer mes services

Si vous avez apprécié cet article, je vous serai reconnaissant de m'aider à me payer une petite bière :)

Si vous voulez en savoir plus sur l'utilisation de flattr sur mon blog, lisez cette page: Ayez pitié de moi

Commentaires

Ajouter un commentaire

Ajouter un commentaire

(*) Votre e-mail ne sera ni revendu, ni rendu public, ni utilisé pour vous proposer des mails commerciaux. Il n'est utilisé que pour vous contacter en cas de souci avec le contenu du commentaire, ou pour vous prévenir d'un nouveau commentaire si vous avez coché la case prévue à cet effet.