a标签常用rel属性

rel=’external’

此属性的意思是告诉搜索引擎，这个链接不是本站链接，其实作用相当于target=‘_blank’。
为什么要这样写呢？因为有些网站因为是采用严格的DOCTYPE声名的，如果你在网页源码中的第一行看到：在这种情况下target=”_blank”会失效，因此采用rel=’external’这个参数来替代。

rel=’nofllow’

它是告诉搜索引擎，不要将该链接计入权重。因此多数情况下，我们可以将一些不想传递权重的链接进行nofllow处理；例如一些非本站的链接，不想传递权重，但是又需要加在页面中的像统计代码、备案号链接、供用户查询的链接等等。

rel=“noopener noreferrer”

在新打开的页面（baidu）中可以通过 window.opener获取到源页面的部分控制权，即使新打开的页面是跨域的也照样可以（例如 location 就不存在跨域问题）
在chrome 49+，Opera 36+，打开添加了rel=noopener的链接， window.opener 会为null。在老的浏览器中，可以使用 rel=noreferrer 禁用HTTP头部的Referer属性，使用下面JavaScript代替target=’_blank’ 的解决此问题

// 使用 window.open 打开页面，手动将opener设置为null。
var otherWindow = window.open('http://keenwon.com');
otherWindow.opener = null;
otherWindow.location = url;

a标签 rel属性相关推荐

html网页logo属性link,html元素link标签rel=icon添加网站favicon.ico图标
html元素中的link标签除了可以引用插入CSS样式表文件之外,还可以通过link标签设置网站的favicon.icon图标. 什么是favicon.icon图标? 网站favicon.ico图标, ...
标签中的rel属性的含义
rel与rev属性相同,它们都是属于LinkTypes属性. rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系, rel是relationship(关系)的英文缩写. rev ...
link 标签的 rel 属性
2019独角兽企业重金招聘Python工程师标准>>> rel 属性规定当前文档与被链接文档之间的关系. 只有 rel 属性的 "stylesheet" 值得到了 ...
html5常用的属性标签,HTML5常用标签及其属性设置
一.Html5的基本结构网页的内容二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...
a标签download属性无效_HTML从零开始——链接标签
链接(hyperlink)是互联网的核心.它允许用户在页面上,从一个网址跳转到另一个网址,从而把所有资源联系在一起. URL 是链接指向的地址.链接不仅可以指向另一个网页,也可以指向文本.图像.文件等 ...
python爬虫提取a标签_Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释
一.Tag(标签)对象 1.Tag对象与XML或HTML原生文档中的tag相同. from bs4 import BeautifulSoup soup = BeautifulSoup('Extreme ...
HTML的标签、属性大整理
文章目录一.结构编码类 1.外层 2.头部信息二.内容元素类 1.块级与内联元素特点 2.块级元素 3.内联元素 4.表单元素 5.HTML全局属性本篇全是经过整理的HTML中常用的标签和属性大 ...
HTML常用标签及属性
web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web准备规范的分类:结构标准.表现标准.行为标准. 结构:html.表示:css.行为:J ...
html中a标签的属性
html中a标签的属性常用的有: href.rel.target. a标签没有像button的click事件,只能通过html的全局鼠标属性onclick 因此在vue中不能直接对a标签使用语法糖@ ...

a标签 rel属性

a标签常用rel属性

rel=’external’

rel=’nofllow’

rel=“noopener noreferrer”

a标签 rel属性相关推荐

最新文章

热门文章