a link (hyperlink)

1. No response to click

<a href="javascript:void(0)">单击此处什么也不会发生</a>

2. Click to jump to the mailbox:

<a href="mailto:[email protected]">[email protected]</a>

3. Click to dial the phone number:

<a href="tel:123456789">123456789</a>

5. Click to return to the top + transition effect:

语法：scroll-behavior有两个属性值，默认auto。样式
auto:滚动框立即滚动。
smooth:实现平稳的滚动。
body,html {  scroll-behavior: smooth;   }

6. There are about 6 types of href attribute values to fill in:

<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. The jumping method and usage method of a label

<a href="http://vue.ydui.org/docs/#/flexbox" target="value">跳转</a>

_blank表示跳到新页面打开，打开一个新窗口
_self表示当前页面打开链接
_parent表示在父集框架中打开
_top表示在整个窗口中打开
framename表示在指定的框架中打开
需要哪种方式跳转到页面，即需要在target里面添加属性值

Guess you like