Comment puis-je masquer une section de code HTML sans l'enlever?

Je veux masquer une section du code HTML, et l'empêcher d'être visible à partir de la page web elle-même sans le supprimer. Est-ce possible en HTML ou en CSS, ou peut-on recommander une bibliothèque Javascript capable de faire cela? La partie qui doit cacher ressemble à ceci:

<p>text1<strong>text2</strong></p>

Je n'en veux pas afficher sur le site, mais je ne veux visible lorsque l'on regarde le code directement.

Des idées?

InformationsquelleAutor Peter David Carter | 2015-10-24
  1. 8

    Ajouter un "caché" class pour sélectionner la cible HTML et l'utilisation display: none en CSS:

    HTML:

    <p class="hidden">text1<strong>text2</strong></p>

    CSS:

    .hidden {
  display: none;
}

    ...ou vous pouvez l'inclure directement:

    <p style="display:none">text1<strong>text2</strong></p>
    InformationsquelleAutor Chris Camaratta
  2. 1

    Vous pouvez utiliser les css display:none

    <p style="display: none;">text1<strong>text2</strong></p>
    InformationsquelleAutor NessBird
  3. 1

    Il y a une propriété de visibilité dans le CSS: http://www.w3schools.com/cssref/pr_class_visibility.asp

    Vous pouvez rassembler différents éléments que vous souhaitez caché dans un <div> et de l'ensemble de la visibilité à caché. Cette propriété peut également être modifiée de manière dynamique avec Javascript.

    Vous pouvez aussi rechercher dans l'aide de jQuery, qui a animé hide() et show() fonctions

    InformationsquelleAutor Tim Sanch.
  4. 1

    Je ne suis pas sûr de ce que exactement que vous avez besoin, mais vous pouvez essayer de le commenter, comme:

     <!--<p>text1<strong>text2</strong></p>-->

    Ou, ajouter une classe/id puis le sélectionner et sur le css:

    .myhidden{
display: none;
}
<p class="myhidden">text1<strong>text2</strong></p>
    InformationsquelleAutor zhack
  5. 1

    Ajouter une classe à la section de l'html et de donner à cette catégorie de la propriété à être caché.

    Exemple :

    CSS:

    .hidden {
	display:none;
}

    HTML:

    <div class="hidden">
                                <a href="product.html"><img title="Necklace" alt="Necklace" src="image/product/05-necklace-60x60.jpg"></a>
                            </div>

    InformationsquelleAutor KamleshNishad
  6. 0

    Je tiens également à proposer cette vidéo récente par CSS-Tricks que des vues d'ensemble et explique de nombreuses techniques pour masquer un élément en CSS: CSS-Tricks Screencast #142: Cacher des Choses avec les CSS

    InformationsquelleAutor Yura