首页 相关文章 深入分析网页CSS隐藏文字和以图换字技术

深入分析网页CSS隐藏文字和以图换字技术

打开电脑,感觉没有什么事可做,就随便拿起《css mastery》翻了下,刚好看倒图像替换这块,突然想起前些天曾有一网友问过该问题,就想总结出来,以便自己和网友今后参考。

正式进入使用方法总结之前,我们需要先理清几个概念,1.二者的区别:隐藏文字是要把你不需要显示的文字隐藏掉,可能因为它妨碍美观或暂时不需要显示,也就表明此时文字的视觉可视性和物理空间存在性都没有;而图象替换就是用设计好的图片以背景的方式取代文字,目的是为了使用户有更好的视觉享受,因为设计人员对文字只有有限的选择能力,但如果不写文字而直接使用背景图象又对搜索引擎不大友好,故而发明了图象替换。可能这会有些朋友有这样的疑问:为什么不直接用img /标签呢?这就涉及到标准中的分离了,在标准中只有数据才应该直接写到Xhtml中,很显然这儿的图片只能算作表现,因此,图象替换中文字虽然是不可见的,但它的物理空间仍然存在。2.什么时候该用图象替换?由于图象替换技术在关闭图象且打开CSS的情况下将出现内容空白,所以应当尽可能避免使用它,当然如果文字需要使用特定字体,且不是很重要的信息时可以考虑使用。我特别想提及的是Logo到底该不该应用图象替换?我认为Logo(既非banner也非标题)是应当作为数据...[ 查看全文 ]

2016-02-19 标签:

深入分析网页CSS隐藏文字和以图换字技术的相关文章

手机页面
收藏网站 回到头部