如何视觉隐藏网页内容,只让它们在屏幕阅读器中可用?
2016-03-15 13:04
387 查看
1.display:none;的缺陷 搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略 屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。 2. visibility: hidden ;的缺陷 这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间 3.overflow:hidden;一个比较合理的方法 .texthidden { display:block;/*统一转化为块级元素*/ overflow: hidden; width: 0; height: 0; } 就像上面的一段CSS所展示的方法,将宽度和高度设定为0,然后超过部分隐藏,就会弥补上述一、二方法中的缺陷,也达到了隐藏内容的目的。
相关文章推荐
- object-c 随机数总结
- SQL语句总结(视图,序列,存储过程,函数,游标)
- SSCANF这才是我想要的。。
- ASP.net MVC 网站发布 navbar 背景图片丢失 ArcGIS Web 开发学习(五)
- POJ 2299 线段树求逆序数
- 有关Intel主板驱动静默安装的一个坑
- 二分题目
- 并查集
- android 微博 微信登录
- Spring事务异常回滚,捕获异常不抛出就不会回滚
- 130. Surrounded Regions
- MAC OSX 10.10 下启用自带的Apache的rewrite模块
- 新项目遇到的时间标签问题
- 树状数组-线段树
- .net创建和调用WebService
- Android与HTML+JS交互入门
- 2-SAT
- vc6转2010
- 数组初始化的三种方式
- 怎样用指针指向二维数组