郑州网站建设业务咨询热线:
0371-65349913 / 15333818157
当前位置:网站首页 >> 建站知识 >> 网站建设与域名空间知识 >>


在网页上如何隐藏不想显示的信息?这样做有哪些优缺点?



发布人:郑州凯讯公司    发布日期:2014-04-01

在网页上可以根据需要实现将某些部分或者文字隐藏起来,不显示给用户,而如果查看网页的源码,就可以找出网页上的这些被隐藏起来的内容。这样的隐藏内容的技术实现有多种方法,实现起来也很方便。下面郑州网站建设为各位介绍几种在网页上实现内容隐藏的几种方法。

·方法一、使用display:none来实现:使用display:none可以隐藏网页上的一些内容。其实现方式是在网页元素如<table>、<div>等的style属性里使用。如代码:<div style="display:none">网站建设</div>,这段代码是在<div>里使用display:none的方式,代码中的“网站建设”几个字将会被隐藏起来,浏览网页的用户将无法看到。如果要显示文字或内容,只需要去掉display:none或者使用display:即可。

·方法二、使用visibility:hidden来实现:使用visibility:hidden也可以隐藏网页上的一些内容。其实现方式是在网页元素如<div>等的style属性里使用。看这段代码:<div style="visibility:hidden">郑州网站优化</div>,这段代码是在style里使用visibility:hidden的方式,这样一来,“郑州网站建设”这几个字将会被隐藏起来。如果要显示文字或内容,只需要去掉visibility:hidden或者使用visibility:visible即可。

·方法三、可以使用一些技巧,不使用隐藏代码,但是将内容显示在屏幕之外,以此来达到隐藏文字或内容的目的。这种方法的实现可以使用style属性的文字缩进手段,比如text-indent来实现。比如代码:<div style="text-indent:-5000px;">网站建设</div>,在这段代码里使用了text-indent:-5000px,其含义是文字想做缩进5000像素点的距离,这样一来,代码中的“网站建设”几个字就会被挪到左边界5000像素点之外,这样同样达到了隐藏的作用,浏览网页的用户也无法看到。

·方法四、与方法三类似,可以使用绝对位置定位的方式,将内容显示在屏幕之外,以此来达到隐藏文字或内容的目的。这种方法的实现可以使用style属性的文字绝对位置的属性,比如position:absolute来实现。比如对于<div>中的style属性代码:<div style="position:absolute;left:-5000px;">郑州网站建设</div>,在这段代码里使用了position:absolute;left:-5000px;,其含义是对文字绝对位置的left左移动5000像素点的距离,这样一来,代码中的“郑州网站建设”几个字就会被显示在左边界5000像素点之外,以此达到了隐藏内容的作用,浏览网页的用户也无法看到。

以上几种隐藏网页内容的方法,以display:none最为常用。在网页上隐藏内容,有时候是必要的,对制作出好的界面也是有帮助的。有时候网站上并不想让用户看到一些信息,而又不想从网页上删除掉,这样就可以使用隐藏内容的方式来实现。

网页上隐藏内容尽管有其优点,但是其缺点也是有的。最明显的缺点就是容易误导搜索引擎,甚至会怀疑你的网页是否在故意作弊。因为尽管浏览网页的用户无法看到隐藏起来的内容,而搜索引擎却能够抓取到,由此,你的网页可能受到某种惩罚。所以,此类的隐藏技术,在进行网站建设时尽量少用为好。



版权所有:郑州凯讯公司