HTML超链接基本属性
最新推荐文章于 2024-08-30 16:48:59 发布
一、超链接的常见属性
1、超链接的语法格式
<a href ="链接地址" target=“目标值” title=“提示文字”>点击查询一下</a>
1.1、href属性可以指定连接的地址，可以是本地地址、也可以是锚记标记、也可以是网络地址（网络地址需要添加http/https://）
1.2、target属性为目标值，可以设置点击超链接之后网页打开的方式
着重介绍一下target属性参数：
target属性有四个参数值，分别如下：
第一、_blank：表示点击超链接后在一个新的页面窗口打开网址
第二、_self：表示点击超链接后在当前窗口打开（默认模式）
第三、_parent：表示点击超链接后在父窗口中打开（跟框架有关）
第四、_top：在当前浏览器中打开，而框架会消失（跟框架有关）
1.3、title属性为提示文字，即在鼠标放在超链接上时出现的提示信息
<!DOCTYPE html>
<html>
<head>
<title>超级链接标签与属性</title>
</head>
<body>
<a href="http://www.baidu.com">百度一下，你就知道</a><br/>
<div>百度一下，你就知道</div>
<a href="https://www.csdn.net/" target="_blank">CSDN</a><br/>
<a href="https://www.csdn.net/" target="_blank" title="csdn开发程序员论坛">CSDN
</a>
</body>
</html>
二、锚记链接的用法
1、锚记链接的概念
锚记链接是可以将很长的页面划分为多个模块，给每个模块做一个标记记号，然后点击页面中对应的锚记标记就能够自动跳转到对应的模块上（在同一个网页页面中）
2、锚记链接的应用
第一、锚记链接可以应用于返回页面顶层，通过点击某个锚记标志后可以快速回到页面顶层，是大多数页面都在使用的一种方法，这种方式就是在href属性参数中给一个空链接‘#’
<!DOCTYPE html>
<html>
<head>
<title>超级链接标签与属性</title>
</head>
<body>
<a href="#">回到顶层</a>
</body>
</html>
第二、锚记链接给页面指定几个标记，通过点击标记来跳转到指定模块位置
首先需要找到页面某个模块，添加一个锚记标记，可以自定义锚记标记名称
可以在标题处设定一个锚记标记，取的锚记名称是key
<a name="key">页面某个模块的某个页面要素</a>
然后设定一个超链接标签，用来映射到锚记标记，点击此超链接标签则可以跳转到设定锚记标记的模块部分，#key则是映射之前定义的锚记标记
*<a href="# key">到锚记位置</a>*
``bash
原文链接：https://blog.csdn.net/BearStarX/article/details/83380962
08-24
6345
6345
12-09
901
901
06-16
3179
3179
暂无认证
到【灌水乐园】发言
