首页 > 技术文章 > 超链接

longmo666 2020-08-24 15:55 原文

超链接
》通过点击文件或图片进行的跳转操作
<a href="目标地址” target=“目标位置”>文字或者图片</a>

》href属性:要跳转的目标地址,可以是项目内部其他页面,也可以是外部的其他网站,比如百度
》target属性:新页面的显示位置
可取的值有:
》_blank:在新的空白页显示新页面
》_self:在当前页面显示新页面,默认值,如果不设置,,会在当前页面显示新页面
》_top:在上级页面显示新页面
》_parent:在父页面中显示新页面

》a标签属于行级标签
》<a>创建一个超级链接

<a href="http://www.baidu.com" target="_blank">百度一下</a>
<a href="test03.html" target="_blank">跳转到内部的test03.html</a>
<a href="test03.html" target="_blank">跳转到内部的test03.html</a><img src="test.png" heght="100px"></a>

》超链接的三类应用场合
1、页面间链接
2、锚链接:一般用在一个页面内容较多出现了纵向滚动条,可以通过锚链接迅速定位目标位置

<a href="#model1">
模块一:锚链接
</a>
<a name ="modell">
模块一的具体内容
</a>

01.确定锚点位置
<a name="锚点位置">目标位置</a>
》name:名称,使用英文和数字
02.创建锚链接,用于定位到锚点位置
<a href="#锚点名称”>当前位置</a>
03.通过点击当前位置就可以直接定位到目标位置
》只有页面出现纵向滚动条才会生效,否则没有作用
》页面间锚链接的访问
》锚点位置定义不变
》锚链接的语法
<a href="页面路径#锚点名称">文字</a>
<a href="test05.html#model1">跳转到test05.html</a>

3、功能性链接
<a href="mailto:12345@163.com">联系我们</a>

推荐阅读