游客

标题:探秘：HTML标签中Alt和Title
正文:
HTML标签中Alt和Title都是提示性语言标签，对于img标签而言，Alt和Title这两个属性，除了可以提高图片的搜索能力外，在用户体验和SEO上也是很有帮助的，下面谈谈Alt和Title的概念与正确使用。AltAlt属性的实质是，图片在无法正确显示的时候起到文本替代的作用，不过在IE6下还起到了title的作用（鼠标放上去后的文字提示），IE的实现方法实际上是错误的。如果想在鼠标滑过时显示提示，应该用title属性。由于错误的引导，很多初学者就在img标签内只加了alt属性。所以这里表扬一下Firefox。Title鼠标滑过时显示的文字提示，在用户体验和SEO上很重要。当然没必要把所有的img标签都加此属性，比方说Logo这样比较重要，或者说用户会体验到的图片内容，建议一定要加此属性。用法：<p title="给链接文字提示">文字</p><a href="#" title="给链接文字提示">文字</a><img src="图片.gif" alt="logo"><img src="图片.gif" alt="logo" title="首页" />关系：当图片或文字链接有title或alt标注时，只要鼠标停留在它们上时，在鼠标的右下角出现一个提示信息框，对目标进行一定的注释说明。区别：Alt属性用来给图片提示的，即不能显示图像、窗体或applets的用户代理（UA）的时候，alt属性用来指定替换文字。Title属性用来给链接文字或普通文字提示的，即为链接添加描述性文字，特别是当链接本身并不是十分清楚地表达了链接的目的。下面是网页设计过程中，一个细微的发现：Dreamweaver CS4中的一段关于“Alt和Title”的代码IE浏览器：单独使用title和alt的时候，均能正常显示。但代码中同时存在title和alt的时候，优先显示alt。Firefox浏览器：两个属性，无论是否同时存在，仅能显示title，不显示alt。
[<<][[1]][>>]

查看评论(5)
发表评论



首页