超链接是构建互联网网状结构的核心元素,HTML通过标签实现页面跳转与资源引用。本文从语法结构出发,详解href与target属性的使用规则,并解析浏览器对链接的默认样式处理,帮助开发者准确控制链接行为与视觉表现。
标签语法与基本结构
在HTML中,标签用于定义超链接(Hyperlink),实现从当前页面指向其他网页、文件、媒体资源或页面内特定位置的连接。链接的起点称为源锚点,终点称为目标锚点,用户点击源锚点即可跳转至目标锚点。
整个互联网依赖超链接将独立网页编织成网状结构,标签因此成为网页中最基础且高频使用的元素之一。
链接文本
其中,href属性指定跳转目标URL,target属性控制新页面的打开方式,链接的可见文本或内容需放置在与之间。
示例:在新窗口中打开C语言中文网首页
C语言中文网
href属性:链接目标与路径规则
href属性用于声明链接指向的目标资源,其值可以是多种类型的文件路径或URL:
- 网页文件:如
.html、.php、.jsp、.asp等,例如href="https://c.biancheng.net/view/1719.html"; - 媒体文件:如图片(
.jpg、.gif、.png)、音频(.mp3、.wav)、视频(.mp4、.mkv)等,例如href="/uploads/allimg/181221/134I32557-0.jpg"; - 可下载文件:如压缩包(
.zip、.rar)或可执行程序(.exe),例如href="./../uploads/data_package/ComputerFoundation.zip"; - 本地文件:理论上可指向本机路径(如
href="D:/Program Files/360/360safe/360Safe.exe"),但出于安全限制,现代浏览器极少支持此类用法。
浏览器会根据文件类型决定处理方式:若支持该格式(如图片、音视频),则直接在页面中渲染;若不支持,则触发下载行为。
href支持绝对路径与相对路径:
- 绝对路径:以协议和域名为起点,如
https://c.biancheng.net/view/1719.html; - 相对路径:以当前文件或当前域名为基准,如
./../uploads/data_package/ComputerFoundation.zip。
target属性:控制页面打开方式
target为可选属性,用于指定链接页面的打开位置。默认情况下,链接在当前窗口加载,覆盖原页面。通过设置不同属性值,可改变跳转行为:
| 属性值 | 说明 |
|---|---|
_self | 默认值,在当前窗口打开,原页面被覆盖。 |
_blank | 在新窗口或新标签页中打开,保留原页面。 |
_parent | 在当前框架的父级框架中打开。 |
_top | 在顶层框架中打开,清除所有嵌套框架。 |
实际开发中,target通常仅使用_self(默认不写)或_blank。示例:
HTML教程(新窗口打开) CSS教程(当前窗口打开)
浏览器默认样式与状态识别
浏览器为标签内置了默认视觉样式,主要体现在鼠标指针与文本颜色两方面:
鼠标指针变化
当鼠标悬停在链接区域时,指针自动变为手型;移出后恢复为默认箭头。
颜色与下划线规则
- 未访问状态:文本显示为蓝色;
- 已访问状态:文本变为紫色;
- 下划线:默认始终存在,颜色与文本颜色一致。
浏览器通过比对href值与本地历史记录判断链接是否被点击。若清空浏览器历史记录,已访问链接的颜色将恢复为蓝色。
完整示例代码:
HTML 标签演示
运行效果:

图1:HTML 超链接演示
