<a>
— 锚点与超链接之魂
核心作用
- 超链接导航:在网页间架设彩虹桥,让用户一键抵达目标地址
- 锚点定位:如同书签般精准跳转至页面特定位置
基础语法
<a href="URL" target="_空白打开方式">可点击内容</a>
关键属性详解
属性 | 值示例 | 效果说明 |
---|---|---|
href |
"https://example.com" |
指定链接目的地 |
target |
"_blank" |
新标签页打开链接 |
title |
"查看详情" |
鼠标悬停提示文字 |
download |
"filename.pdf" |
强制触发文件下载 |
进阶技巧
-
邮件魔法:
<a href="mailto:contact@example.com">发送邮件</a>
-
电话直连(移动端):
<a href="tel:+123456789">一键呼叫</a>
-
锚点穿越:
<a href="#section2">跳转第二节</a> ... <h2 id="section2">目标位置</h2>
视觉隐喻
想象每个<a>
标签都是通往数字世界的任意门——蓝色下划线是门框,鼠标悬停时指针变形为开启的手势,点击瞬间便开启新的空间维度。
这一切,似未曾拥有