
我们看两个代码:
<a title="闪电博客" href="http://shandian.biz/">闪电博客</a>
<a title="闪电博客" href="http://shandian.biz/">点击这里</a>
对于第一段代码,提示文字跟锚文本一样,这个提示就显得有点多余。第二段代码,提示文字跟锚文本不一样,我们通过锚文本不知道对应网站是干什么的,而有了title属性的提示文字,我们就可以知道。
对于第一种情况,title属性对seo是没有效果的,第二种情况,会有一些效果。
总结:在优化网站的时候,出现一些链接的锚文本我们无法读懂或者不能通过锚文本知道网站大体内容的,我们就可以给这个链接加上title属性;如果锚文本本身就能很清晰地让大家知道网站的大体内容,就没必要使用title属性。
从另一方面讲,有title的补充解释对用户的友好程度较高。
1、新建一个html文件,命名为test.html,用于讲解。
2、在test.html文件内,在p标签内,使用a标签创建一个链接,同时设置id为mylink,主要用于下面通过该id获得a对象。
3、在test.html文件内,给a标签添加title属性,属性值为“这是测试的链接”。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得title内容”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getitle()函数。
6、在js标签内,创建getitle()函数,在函数内,通过id(mylink)获得a对象,使用attr()方法获得title属性值,即title的内容,最后,使用alert()方法将获得的内容输出。
7、在浏览器打开test.html文件,点击按钮,查看实现的效果。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)