欢迎来到山村网

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

2019-03-28 23:05:20浏览:671 来源:山村网   
核心摘要:1.display:none;的缺陷  * 搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略,来自SEO Mistakes: Unwise comments  * 屏幕

1.display:none;的缺陷

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

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

  2. visibility: hidden ;的缺陷

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

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

  程序代码

  .texthidden

{
display:block;
overflow: hidden;
width: 0;
height: 0;
}

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

(责任编辑:豆豆)
下一篇:

xml格式化后转化为html

上一篇:

在IE中为abbr标签加样式

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com