联系我们

联系人:王经理

联系电话:18936095638

     0512-85889506

地址:苏州市国际科技园3期15楼A

电话/传真:0512-85889506

E-mail:kswz821@163.com   kswz821@126.com

http://www.kswz821.com

技术知识

图像替换技巧

发布日期:2017-12-13 内容来源于:http://www.kswz821.com

更多 0

图像替换技巧
使用标准的HTML而不是图像来显示文本通常比较合理,除了更快的下载以获得更好的可用性。但是如果你决定使用你的访客机器中可能没有的字体,你只能选择图片。
例如,你想在每一页上使用“购买小部件”的标题,但你可以同时,希望这是搜索引擎找到的,为了美观你使用稀有字体你会有图片显示:
下面是一个报价:

< imgsrc =“Widget图像。“购买小部件”
所以,当然,这是正确的,但有证据表明,搜索引擎的真实文本的关注比ALT文本(因为已经有太多的网站使用alt文本作为关键字),因此,我们需要另一种方式:

 buywidgets < / H1 >,你漂亮的字体吗?以下CSS可以帮助:
下面是一个报价:
背景:URL(小部件-图像)。不重复;}
H1跨度{位置:绝对值;左:2000像素;}
现在你有了一个好的图片和一个好的隐藏真实文本-用CSS,文本定位在屏幕的左边- 2000像素。
6。CSS盒子模型的另一种选择
CSS盒模型hack是用来解决在IE6浏览器显示的问题。IE6.0以前的版本将包括边界值和填充值一元内的宽度(不是宽度值)。例如,您可以使用下面的CSS来指定容器的大小:



相关标签: 使用 图像 替换 技巧 标准 HTML

相关案例:
相关评论:
暂无评论
在线评论:
在线客服