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

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

title

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

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

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

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

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

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

大多数门户网站标题链接都无title属性,包括标准的Wordpress主题,反倒是很多与我一样业余水平的国内Wordpress主题作者还在乱用title属性,网上流传的一些Wordpress代码,也大多不忘给标题链接加上title属性。

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

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:26   其中:访客  20   博主  1   引用   5

    • avatar weaver2000 来自天朝的朋友 谷歌浏览器 Windows 7 福建省厦门市 联通 3

      是啊,能简化最好了,只是不知道对seo的影响到底有多大,希望鸟哥能研究一下。另外等待鸟哥的ality的新版,对新版的新导航栏很期待!

      • avatar 张戈博客 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市宝安区 电信 3

        我是这样判断的,如果被链接的文本不是全面的,那么就用title来补充诠释,比如文章需要链接到上一篇相关内容,但是我又不想将上一篇文章的标题直接作为被链接的文本,那么我就用和本文连贯的文字来作为超链接,然后用上一篇文章的标题作为title,这样如果别人看想知道这个超链接具体指的是什么,就可以鼠标放上去,就知道了指向哪了。
        说白了,titile是更详细的说明这个链接的含义和指向。鸟哥正解,如果被链接的文本已经诠释到位了。再来个title多余而且影响阅读。

          • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 移动

            @张戈博客 其实大部分人根本不会看文章列表中的摘要,只看标题,感兴趣就点开,我就是这样

          • avatar 想请您帮做个站,还要主机 来自天朝的朋友 谷歌浏览器 Windows 7 江西省南昌市 电信 1

            知更鸟您好,我想请您帮做个网站,还想购个主机,能联系下我吗?QQ77817181 电话:15079172496

            • avatar 想请您帮做个站,还要主机 来自天朝的朋友 谷歌浏览器 Windows 7 江西省南昌市 电信 1

              想请您帮做个站,还要主机域名,有偿的,我一直关心您的博客,很了不起的人。

              • avatar 爱游戏TV 来自天朝的朋友 谷歌浏览器 Windows XP 广东省广州市 电信 3

                应该这样子理解,title标记是html标准代码,你文字在搜索引擎里面,只是标明了问题,而title则是说明啦a标记这条链接的内容,就这样

                • avatar wordpress迷 来自天朝的朋友 谷歌浏览器 Windows 7 湖北省武汉市 网宿科技联通CDN节点 5

                  确实是这样。。

                  • avatar 香港云主机 来自天朝的朋友 谷歌浏览器 Windows 7 重庆市 电信 3

                    亲,可以跟你的网站换友情链接吗?如果可以的话,qq:2954243953联系

                    • avatar 两天 来自天朝的朋友 谷歌浏览器 Windows 8.1 山东省临沂市 移动 6

                      基本不加,链接文本本身就表达的很清楚

                      • avatar 消灭星星 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省杭州市 电信 3

                        前排,学习了,感谢分享。

                        • avatar 似魔鬼的步伐 来自天朝的朋友 谷歌浏览器 Windows 7 山东省烟台市 电信 3

                          wordpress的插入链接,如果选择站内内容的话,默认是有。

                          • avatar 点滴生活 来自天朝的朋友 谷歌浏览器 Windows XP 广西南宁市 电信 1

                            拜读了

                            • avatar 马赛克 来自天朝的朋友 谷歌浏览器 Windows 7 河北省石家庄市赵县 电信 2

                              学习了

                              • avatar 厦门微信营销 来自天朝的朋友 谷歌浏览器 Windows XP 福建省厦门市 电信 2

                                太多title降低用户体验,很不好

                                • avatar 爱win8-国内最大的win8越狱基地 来自天朝的朋友 Internet Explorer Windows XP 河南省平顶山市鲁山县 联通 0

                                  学习下

                                  • avatar 宅男福利 来自天朝的朋友 谷歌浏览器 Windows 7 湖北省十堰市 电信 1

                                    我几乎都去掉所有的这个提示,感觉没必要。

                                    • avatar 前端度 来自天朝的朋友 火狐浏览器 Windows 10 北京市 北京数据家科技有限公司电信节点 1

                                      这个代码高亮的颜色弄个纯色会比较好看些吧,

                                      • avatar 车轮组www.dgqzpj.com 来自天朝的朋友 谷歌浏览器 Windows 7 河南省焦作市 移动 1

                                        title属性我觉得一个页面最多用两三次就行了

                                        • avatar 流量营销 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信 2

                                          title几乎没有过a标签中的TITLE功能。

                                          • avatar JK 来自天朝的朋友 谷歌浏览器 Windows 7 福建省福州市 电信 0

                                            你这个评论用的是什么的?[img]评论[/img]

                                          • 来自外部的引用: 5

                                            • 什么情况下使用链接title属性 | 米农网
                                            • 网页前端:什么情况下使用链接title属性 | smartcim速卖通素材
                                            • 在什么情况下应该给标签加上title属性 | 晨草网络
                                            • 什么情况下使用链接title属性 | 免费资源网
                                            • 什么情况下使用链接title属性 | 任丰华个人博客