什么情况下使用链接title属性

quality,Q 70

1638625244 20211204134044 61ab6fdc2339f
1638625244 20211204134044 61ab6fdc26592

title

从最早学习网页制作就一直错误认为,链接a标签添加title属性是标准、是必须的,网上还有很多利用JS脚本强化这个链接描述的技术文章,也包括我,对这个美化后的链接描述还有种小有成就的感觉,但慢慢觉得这玩意很碍眼,影响阅读,大多数情况下毫无意义,比如这篇文章标题的HTML结构:

  1. <a title=“如何使用链接title属性” href=“https://zmingcx.com/link-title-attribute.html” target=“_blank”>如何使用链接title属性</a>

显示效果: 如何使用链接title属性

当鼠标悬停时提示文字与文章标题相同,提示不仅多余,而且突兀弹出的提示影响浏览者的体验。

但有些情况下还是非常有必要的,比如:

如果无提示文字浏览者可能不知道这个图标作用是什么,一定程度上会降低对用户的友好度。

大多数门户网站标题链接都无title属性,包括标准的Wordpress推荐阅读:WordPress支持上传SVG图片并显示在媒体库中主题,反倒是很多与我一样业余水平的国内Wordpress主题作者还在乱用title属性,网上流传的一些Wordpress代码,也大多不忘给标题链接加上title属性。

至于这个title属性是否会影响SEO,对于文章中的关键词可能会产生一定影响。因此说,链接title属性使用要分情况,做到合理不重复。

类似文章