如何隐藏HTML的某个部分而不删除它？

Question

我希望隐藏一个HTML部分，使其在网页上无法被查看，但不需要删除它。这是否可以通过HTML或CSS实现？或者有没有人能推荐一个能够实现此功能的Javascript库？需要隐藏的部分类似于以下内容：

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

我不希望它在网站上显示，但我希望在直接查看代码时能够查看它。

有什么想法吗？

- Peter David Carter

Answer 1

将“hidden”类添加到选择目标HTML，并在CSS中使用“display: none”： HTML：

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

CSS：

.hidden {
  display: none;
}

或者您可以直接内联它：

<p style="display:none">text1<strong>text2</strong></p>

- Chris Camaratta

Answer 2

您可以使用CSS的display：none。

<p style="display: none;">text1<strong>text2</strong></p>

- NessBird

Answer 3

我不确定您需要的具体内容，但是您可以尝试注释掉它，例如：

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

或者，添加一个类/ID然后在CSS中选择它：

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

- zhack

Answer 4

在CSS中有一个visibility属性：http://www.w3schools.com/cssref/pr_class_visibility.asp。

您可以将想要隐藏的任何元素包装在

中，并将其可见性设置为hidden。此属性也可以通过Javascript动态更改。

您还可以考虑使用jQuery，它具有动画效果的hide()和show()函数。

- Tim Sanch.

Answer 5

在该html部分添加一个类，并将该类的属性设置为隐藏。

示例：

.hidden {
 display:none;
}

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

- KamleshNishad

Answer 6

我还想建议您观看CSS-Tricks最近的视频，它概述并解释了许多使用CSS隐藏元素的技巧：CSS-Tricks Screencast #142: Hiding Things with CSS

- Yura