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