当前位置: 首页 > Web前端 > HTML5

-a-标签的rel属性详解

时间:2023-04-05 21:19:40 HTML5

rel标签的取值有哪些?标签有以下值:nofollowexternalnoopenernoreferrerSEO-related:nofollow和externalBrowsersecurity-related:noopener和noreferrerrel值的含义和作用nofollowofollow用于通知搜索引擎当前链接不需要跟踪,其内容是没有价值的,不会传递到Weights上。SEO的作用调整网页链接的权重,在集中站点权重上加上nofollow后,爬虫就不会追踪有这个标记的链接了。而且,当前站点的权重不会转移到新链接上,以免被分散。可以将权重引导到更重要的页面,有利于提高网站排名。反垃圾网站通常都有留言功能,有些人在评论的时候会利用这个功能留下自己网站的链接。加nofollow做屏蔽,可以防止当前站点瘦身。节省蜘蛛资源对于每个站点来说,每天搜索引擎发送的爬虫数量是一定的。尽量引导爬虫找到有用的链接,有利于重要页面的收录。带nofollow的链接页面会被收录吗?链接的页面仍将被包含和索引,但不会分配页面权重。因为爬虫仍然可以通过站点地图、内部链接、外部链接等方式访问链接的页面。robots和robots的区别是一个搜索引擎协议文件,而nofollow是一个HTML标签的属性值。机器人主要用来屏蔽动态链接,让搜索引擎不抓取动态链接的内容。nofollow告诉搜索引擎不要跟踪标有此属性的链接,这样它们就不会传递权重。externalrel="external"和target="_blank"效果一样,都是在新窗口打开当前链接。如果站点采用严格的DOCTYPE语句,target="_blank"将无效。而rel="external"仍然可以正常工作。SEO的作用是告诉搜索引擎当前链接是外链。noopenernoopener用于浏览器安全保护,防止钓鱼攻击。当链接使用target="_blank"打开新页面时,新页面可以使用如下语句控制父页面:if(window.opener){window.opener.location="https://wangxiaokai.vip?referrer="+文档.referrer;}给链接加上rel="noopener"后,新页面就被限制访问window.opener了。noreferrer与noopener类似,当设置rel="noreferrer"时,链接的新页面被限制访问window.opener。同时新页面无法获取到document.referrer信息,其中包含源页面的地址。因为有些旧的浏览器不支持noopener,所以为了兼容,会同时设置两个属性值rel="noopenernoreferrer"。参考nofollow是什么意思以及nofollow的作用。下面说说rel=externalnofollow和rel=noopenernoreferrerrnoopener的用法,noreferrer和nofollow。朋友们可以通过以下方式关注我:“star”或“watch”我的GitHub博客RSS订阅我的个人博客:王先生的基地