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);}

html中的a标签

原文地址：https://www.cnblogs.com/ye-hcj/p/10355666.html