1、点击无反应
<a href="javascript:void(0)">单击此处什么也不会发生</a>
2、点击跳转邮箱:
<a href="mailto:[email protected]">[email protected]</a>
3、点击拨打电话号码:
<a href="tel:123456789">123456789</a>
5、点击后返回顶部+过渡效果:
语法:scroll-behavior有两个属性值,默认auto。样式
auto:滚动框立即滚动。
smooth:实现平稳的滚动。
body,html { scroll-behavior: smooth; }
6、href的属性值填写大概有6种:
<h4>1.外部链接</h4>
<a href="http://jd.com">京东</a>
<h4>2. 内部链接:跳到本地页面</h4>
<a href="demo.html">内部跳转</a>
<h4>3.空链接 -- #不确定要跳转的页面</h4>
<a href="#">回到顶部</a>
<a href="javascript:;">原地不动</a>
<h4>4. 下载链接</h4>
<a href="学习资料.zip">下载</a>
<h4>5. 网页元素链接 </h4>
<!-- 在超链接中可以插入 图片、音频、视频,当鼠标点击时其上任意地方,都可以进行跳转 -->
<a href="http://jd.com">
<img src="京东.jpg">
</a>
7、a标签的跳转方式和使用方法
<a href="http://vue.ydui.org/docs/#/flexbox" target="value">跳转</a>
_blank表示跳到新页面打开,打开一个新窗口
_self表示当前页面打开链接
_parent表示在父集框架中打开
_top表示在整个窗口中打开
framename表示在指定的框架中打开
需要哪种方式跳转到页面,即需要在target里面添加属性值