a标签--学习记录

a标签----行内元素 （默认为display:inline）

主要作用：定义超链接

1. 去下划线：

a{
	text-decoration:none; // 取下划线
}

2. 如何设置链接点击无效：

<a href="#"></a>
<a href="jaavascript:;"></a>

3. 将其转化为块元素：：

a{
	display:block; // 将其设置为块元素
	height:38px;
	line-height:38px;
}

4. target=”_blank”
   网页里的a标签默认在当前窗口跳转链接地址，如果需要在新窗口打开，需要给 a 标签添加一个target="_blank"属性。

• 存在的安全问题

    举个例子，在页面a.html中有这样一段代码：
  

  <a href="b.html" target="_blank">跳转</a>;
  

  当我们点击页面a.html中的跳转链接时，浏览器会在新的窗口或标签页中打开b.html，假如这个时候b.html中有这样一段 js 代码：

  if (window.opener) {
  
      window.opener.location.href = 'eval.html';
  
  }
  

  当页面b.html被打开的同时原来打开a.html的标签页会被重定向到eval.html, eval.html可以是和原来域完全不相关的其它域的资源。

• 防范措施：
  在target="_blank"后面添加一句 rel=“noopener noreferrer” 火狐并不支持这个属性值，火狐浏览器里需要写成rel=“noreferrer”