网站建设设为首页收藏本站

二亩地专业建站/网站制作建设公司

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 2753|回复: 0
打印 上一主题 下一主题

网站制作技巧Alt与Title的区别 [复制链接]

跳转到指定楼层
楼主
孟思 发表于 2016-12-15 14:30:19 |只看该作者 |倒序浏览
  很多设计师在制作网站时,会把alt属性和title属性等同看待的,所以总是在这两个属性中放置一样的内容,或者只写其中一个。事实上alt属性和title属性还是有很大不同的。

  我们先来看一下Alt属性
  ALT属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用户。所以替换文字是用来替代图像而不是提供额外说明文字的。
  Alt属性包括替换说明,对于图像和图像热点是必须的。它只能用在img、area和input元素中。

  我们再来看Title属性
  title是对图片的说明和额外补充,如果需要在鼠标经过图片时出现文字提示应该用属性title。title属性的优先级高于alt。但由于错误的引导,很多初学者就在img标签内只加了alt属性。

  1. alt和title对访问者都很重要(alt对搜索引擎会更重要一些),所以在定义img对象时,最好将alt和title属性都写全,保证在各种浏览器中都能正常使用。

  2. 在alt和title中包含关键字,并且二者内容最好不一样。

  3. 不要在alt和title中堆积关键字,否则可能会导致搜索引擎惩罚

  title优先级别高于alt,同时加上alt和title时,只显示title的提示信息,alt提示信息被屏蔽,所以可以两个都加上,alt内容为“图片不能显示”情况下显示,title内容为图片描述就万无一失了,网站制作正确的使用alt属性和title属性不仅可以提高图片的搜索能力,对用户体验上也是很有帮助。

分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏0

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册


扫描添加微信

Archiver|手机版|二亩地专业建站/网站制作建设公司 ( 冀ICP备13016078号-2 )  网站地图 冀公网安备 13010402001120号

GMT+8, 2024-5-24 10:15 , Processed in 0.016580 second(s), 19 queries .

回顶部