html中的a标签

html中的a标签

1. a标签

   <a href="https:www.baidu.com" rel="external">百度</a>
   

2. 锚点

   <h1>列表</h1>
   <a href="#id1">标题一</a>
   <a href="#id2">标题二</a>
   
   <div style="height: 500px;"></div>
   <h2 id="id1">标题一</h2>
   <p>文本文本</p>
   <h2 id="id2">标题二</h2>
   <p>文本文本</p>
   

3. 打电话

   <a href="tel:110">打电话</a>
   

4. 发邮件

   <a href="mailto:2640199637@qq.com">发邮件</a>
   

5. 打开新标签页

   <a href="https://www.baidu.com" target="_blank">百度</a>
   
   如果你在百度的控制台运行，你会发现你的原来的网页有福利了
       window.opener.location = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1549549945701&di=55735f4bb9c682abaa7678d118ac3dc4&imgtype=0&src=http%3A%2F%2Fy0.ifengimg.com%2Fifengimcp%2Fpic%2F20140822%2Fd69e0188b714ee789e97_size87_w800_h1227.jpg"
   
   为了阻止这种行为，你可以使用如下代码
   <a href="https://www.baidu.com" target="_blank" rel="noopener noreferrer">百度</a>
   

6. 使用a标签运行js

   <a href="javascript:fn()">点击</a>
   <a href="#" onclick="fn(); return false">点击</a>
   
   function fn() {
       alert(1);
   }