如何在不删除的情况下隐藏 HTML 的一部分？

Question

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

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

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

有什么想法吗？

Answer 1

将 "hidden" class 添加到 select 目标 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>-->

或者，添加 class/id 然后 select 它和 css:

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

Answer 5

在 html 的那个部分添加一个 class 并让 class 属性隐藏。

示例：

.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 最近的视频 - 技巧概述并解释了使用 CSS 隐藏元素的许多技巧：CSS-Tricks Screencast #142: Hiding Things with CSS

如何在不删除的情况下隐藏 HTML 的一部分？

How do I hide a section of HTML without removing it?

javascript

html

css

hide

libraries