html中有亲和力的文字隐藏方法

2016-02-19 20:08 10 1 收藏

下面是个超简单的html中有亲和力的文字隐藏方法教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

  1.display:none;的缺陷

  * 搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略,来自SEO Mistakes: Unwise comments

  * 屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。

  2. visibility: hidden ;的缺陷

  这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间

  3.overflow:hidden;一个比较合理的方法

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  程序代码

  .texthidden

{
display:block;/*统一转化为块级元素*/
overflow: hidden;
width: 0;
height: 0;
}

  就像上面的一段CSS所展示的方法,将宽度和高度设定为0,然后超过部分隐藏,就会弥补上述一、二方法中的缺陷,也达到了隐藏内容的目的。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1622843.html

延伸阅读
标签: Web开发
display:none: 它可以使包括容器本身在内的东西都消失,简便且有效,但它有两个耳熟能详的缺陷,那就是对搜索引擎不友好,且被屏幕阅读器所忽略。 text-indent:-9999px :text-indent是首行缩进,所以对于多行文本,若单独使用它就有明显的不足,需加上white-space:nowrap;来弥补不足,但还有一个问题:物理空间仍然存在,故还需设置li...
标签: Web开发
文字颜色设置格式如下: font color=color_value…/font 这里的颜色值可以是一个十六进制数(用“#”作为前缀),也可以是以下16种颜色名称。 Black = "#000000"Green = "#008000"Silver = "#C0C0C0"Lime = "#00FF00"Gray = "#808080"Olive = "#808000"White = "#FFFFFF"Yellow = "#FFFF00"Maroon = "#800000"Navy = "#000...
标签: 软件教程
wps是强大的文字编辑软件不知道大家有木有用过wps中的隐藏文字功能,小编觉得做语文老师的朋友必须得学会这个功能出语文试卷就很容易了,下面小编就为大家介绍一下wps怎么隐藏文字 1、首先我们先输入一段文字,然后我们选择要隐藏的文字。 2、点击wps文字下拉键===格式==字体 3、在字体中==勾“选隐藏文...
标签: 电脑入门
在excel中会常常会发现不能输入单个0值,其实是被隐藏了,除了0以为,我们可以对各种字符进行隐藏。 0值隐藏都知道吧,在工具》选项》视图》零值,前面的勾取消即可。但如果被隐藏的是指定值呢?比如大于15的,或者小于-100的,或者文本这个用IF函数当然可以解决,其他也有一些函数可以搞定,但纯技巧的操作该怎么弄呢?条件格式是一种办法,还...
标签: Web开发
不可换行 NOBR/NOBR (不换行)   overflow 版本:CSS2 兼容性:IE4+ NS6+ 继承性:无   语法:   overflow : visible | auto | hidden | scroll   参数:   visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效 auto : ...

经验教程

918

收藏

80
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部