<a href="" target=""> text </a>
类别 | 说明 |
---|---|
_self | 当前页面加载;默认 |
_blank | 新窗口打开;使用较多 |
_parent | 加载到当前框架的父框架;如果没有,同_self |
_top | 加载进入当前框架顶层/祖先;如果没有,同_self |
a { text-decoration: none; color: inherit; font: inherit; }
<div id='cont'>目标元素</div>
<a href="#cont"> 跳转去目标元素 </a>
<a href=""> 返回顶部 </a>
<a href="#"> 返回顶部 </a>
<a href="javascript:;"> 不跳转 </a>
<a href="./greeting.html"> 目标页面 </a>
<a href="./blog.html#cont"> 目标页面某个元素 </a>
<a href="https://www.baidu.com"> www.baidu.com </a>
<a href="//www.baidu.com"> www.baidu.com </a>
<a href="./alizee.jpg" title="点击查看" target="_blank"></a>
<a href="./Alizee-La Isla Bonita.mp3" title="点击播放" target="_blank"></a>
<a href="../video/alizee.mp4" title="点击播放"> <video poster='./alizee.jpg' title="点击播放" target="_blank"></video> </a>
<a href="./course.json" target="_blank">课程表原始数据[json]</a>
<a href="./dom.css" target="_blank">样式文件[CSS]</a>
<a href='./Snipaste-1.16.2-x64.rar' title="单击下载" download> 截图工具Snipaste </a>
<a href='mailTo:1942194789@qq.com'> Sending a mail </a>
<a href='tel:13707735481'>Make a call</a>