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

Question

我想隐藏 HTML 的一部分，并阻止它从网页本身可见而不删除它。这在 HTML 或 CSS 中可能吗？或者有人可以推荐一个能够做到这一点的 Javascript 库吗？需要隐藏的部分看起来类似于：

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

我不希望它显示在网站上，但我确实希望在直接查看代码时可以看到它。

有什么想法吗？

Answer 1

添加一个“隐藏”类来选择目标 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>

Answer 2

你可以使用css display:none

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

Answer 3

CSS中有一个可见性属性：http://www.w3schools.com/cssref/pr_class_visibility.asp

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

<div>

中，并将其可见性设置为隐藏。该属性也可以使用 Javascript 动态更改。

您还可以考虑使用 jQuery，它具有动画

hide()

和

show()

功能

Answer 4

我不确定你到底需要什么，但你可以尝试将其注释掉，例如：

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

或者，添加一个类/id，然后选择它并在 css 上：

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

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>

Answer 6

我还想推荐 CSS-Tricks 最近的这个视频，该视频概述并解释了使用 CSS 隐藏元素的许多技术：CSS-Tricks Screencast #142：使用 CSS 隐藏事物

Answer 7

试试这个 它应该将您的文本变成绿色，并且类似于 /* */ 在 CSS 中的作用相同