img图片标签alt和title属性的区别

2024-04-27 15:17:04

字体：大中小

来源：转载

供稿：网友

原文链接http://playkid.blog.163.com/blog/static/562872602012108115949742/alt是给搜索引擎识别，在图像无法显示时的替代文本；title是关于元素的注释信息，主要是给用户解读。当鼠标放到文字或是图片上时有title文字显示。（因为IE不标准）在IE浏览器中alt起到了title的作用，变成文字提示。在定义img对象时，将alt和title属性写全，可以保证在各种浏览器中都能正常使用。　　alt汉语意思为改变、替换。　　alt属性是一个必需的属性，主要用于img标签，它规定在图像无法显示时的替代文本，如网速太慢、浏览器禁用图像等情况下。　　如：<img src="/playkid.jpg" alt="iT民工 - 菜鸟变网虫"/>　　当用户把鼠标移动到img元素上时，IE会显示出alt属性的值（Chorme浏览器不会显示）。　　alt属性有利于SEO，是搜索引擎搜录时判断图片与文字是否相关的重要依据。　　title是标题、名目的意思。　　title属性是对元素的注释说明和额外补充。当鼠标放到文字或是图片上时有title文字显示。　　title属性并不作为搜索引擎抓取图片的参考，更多倾向于用户体验的考虑。如果图片旁边已经有文字说明，就没必要多此一举的添加title。　　title属性常与form以及a元素（锚点anchor）一同使用，以提供关于输入格式和链接目标的信息。　　如：<a href="http://playkid.blog.163.com" title="菜鸟变网虫的博客">playkid.blog.163.com</a>，在鼠标悬停在超链接上的时候，显示该超链接的文字注释。　　title与style、id、class等一起作为HTML中许多标签共用的标准属性。　　属性　　值　　　　　　　描述　　class　class/style_rule　元素的类　　id　　　id_name 　　元素的某个特定id。　　style　样式定义　　内联样式定义。　　title　提示文本　　显示于提示工具中的文本。

上一篇：如何组织gulp文件

下一篇：使用json_decode()的一些小积累

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注