Html+CSS text-indent 意义 负值用法与注意事项
来源:互联网 发布:之乎不潮流只先锋 编辑:程序博客网 时间:2024/06/05 17:57
为了语义化,我们可能会利用图片替换文字的方式来给我们的站点增色,举个栗子:
这段代码中我们希望隐藏文字,提升 SEO,所以使用 logo.png 这个图片进行替换,这时会对文字设置一个负缩进值。
这里的 -2500px 在以前基本可以解决隐藏文字的问题,但目前发现高分辨率浏览器下这个值已经在浏览器可视范围内了,造成文字隐藏失败的问题。
而如果将这个值设置为更大,如 -99999px 时,又会造成浏览器的性能问题:浏览器需要生成一个宽度为 99999px 的盒模型,所以也要限制这个值的大小。
还有人指出,不少人滥用这个属性为了提升 SEO ,而搜索引擎可能会反过来屏蔽这里的文字。
除此之外,在从右到左读的语言环境中,这个负值可能会造成很长的横向滚动条,所以可以添加 direction 规则来避免:
一个比较好的可选方案:
参考链接:
- Disallow negative text indent
- Stop Using the text-indent:-9999px CSS Trick
- CSS Image Replacement
0 0
- Html+CSS text-indent 意义 负值用法与注意事项
- text-indent 负值,及其意义
- 慎用text-indent的负值
- 慎用text-indent的负值
- 一起来学css之text-indent用法
- CSS text-indent 属性
- CSS text-indent 属性
- HTML&CSS——text-indent:2em详解
- html段落开头空两格---css技巧text-indent
- 8.1CSS text-indent 属性
- html首行缩进2字符,可以使用CSS属性中的【text-indent】进行设置。
- css中的段落控制 【 text-indent】
- css关于文本缩进text-indent属性
- IE6,IE7下text-indent为负值的时候 line-block不起作用。
- text-indent
- text-indent
- text-indent
- h5中zoom与text-indent属性
- 验证或上传AppStore不通过,Xcode attempted to locate or generate matching 提示缺少iOS分布身份签约***、不能修改system roots钥匙串
- [从头学数学] 第89节 数学广角--找次品
- PHP $_SERVER
- MVC学习笔记_ORM_框架_解耦
- java序列化,反序列化及反序列如何判断是否已读到文件末尾
- Html+CSS text-indent 意义 负值用法与注意事项
- 一种抢红包实现方式
- Searching within TV Apps
- SQL基本语句
- zoj 1586 QS Network
- 分布式内存文件系统:Tachyon
- 如何减小软件包的大小
- C语言int的取值范围
- 身份证验证合法性