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: Hiding Things with CSS

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

6 个答案: