HTML5——4 a标签

a标签

涉及的属性 主要是:href、target、name(用于锚点)

target  有两个属性值 _self和_blank,前者是改变当前页面跳转到超链接地址,后者是打开新页面跳转至超链接的地址。默认是_self。

1.主要作用是用于超链接,可以链接到其他页面也可以链接到本地其他文件。

语法<ahref =“地址” target="medthod"></a>

测试效果 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a标签与锚连接</title>
</head>
<body>
<a href="http://www.baidu.com" target="_blank">百度</a>
<a href="http://www.taobao.com" target="_self">淘宝</a>
</body>
</html>

2.a标签也可以设置锚点,在本页面和其他页面进行跳转。

 本页面跳转语法< a href =“#name1” target="medthod"></a>

                          < a name="name1">被链接到的位置</a>

测试效果1——本页面跳转

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a标签与锚连接</title>
</head>
<body>
<a href="#15"><p>1</p></a>
<!-- 为显示效果可以添加多行成对的p标签 -->

<a name="15" ><p>15</p></a>
</body>
</html>

测试效果2——其他面跳转

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a标签与锚连接</title>
</head>
<body>
<a href="../../Test/Day02.html#game_background" target="_self">游戏背景</a>
</body>
</html>

总结

利用锚点的跳转原理是一致的,用name属性设置 被跳转的位置,用href做链接

原文地址:https://www.cnblogs.com/haoyp/p/7063569.html