手机
当前位置:查字典教程网 >网页设计 >脚本HTML教程 >html中有亲和力的文字隐藏方法
html中有亲和力的文字隐藏方法
摘要:1.display:none;的缺陷*搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略,来自SEOMistakes:Unwisecommen...

1.display:none;的缺陷

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

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

2. visibility: hidden ;的缺陷

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

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

程序代码

.texthidden

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

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

【html中有亲和力的文字隐藏方法】相关文章:

html css将表头固定的最直接的方法

如何从Html页面中提取所有汉字

Shell脚本中获取进程ID的方法

Python通过PIL获取图片主要颜色并和颜色库进行对比的方法

pymongo实现控制mongodb中数字字段做加法的方法

python实现基于两张图片生成圆角图标效果的方法

在html中添加script脚本的2种方法和注意事项

html文件打开出错怎么办

HTML中如何实现文字绕排

Html元素的动态添加方法

精品推荐
分类导航