那个a标签纯粹放的就是这个background的图片,又没有文字,设置文字缩进有什么用?
把<a>
的文字向左移出显示区域。
这是一个平稳退化。既保证<a>Text</a>
中间的文字存在(搜索引擎可识别,盲人读屏软件可读,甚至是样式崩溃时可点击),又能在正常浏览时保证这些文字不出来。
也有用font-size:0px
做出类似效果的实现。但font-size
即使为0,字体在个别浏览器上仍然只会变成极小的黑点而不能彻底消失,所以通常用font-size
都和text-indent
联用。
background
就是典型的CSS sprite了,没有什么特别的。
只是为了平稳退化,保证在不支持CSS的浏览器中更友好的显示
帮助一些读屏软件,同时做一些语义化。
设置缩进是文字存在且不显示的兼容方案之一,和设置文字字号 文字透明一样 兼容不同的浏览器
text-indent:-999999...em;
--隐藏标签中的文字