<a>
:编织虚拟世界的丝线
基本语法
<a href="目标URL" target="_打开方式">可点击文本或图像</a>
核心属性
-
href:超文本引用的灵魂
可承载网址(https://
)、本地路径(/about
)、邮件(mailto:
)、电话(tel:
),甚至JavaScript代码(javascript:
) -
target:开启世界的窗口
_blank
在新标签绽放,_self
在当前页流转,_parent
和_top
在框架间穿梭 -
rel:关系的隐喻
nofollow
对搜索引擎低语,noopener
防范安全漏洞,noreferrer
隐匿来源踪迹
现代演进
-
锚点链接:
<a href="#section2">跳转至第二章</a> <section id="section2">...</section>
-
下载属性:
<a href="手册.pdf" download>获取指南</a>
诗意应用
<a href="https://www.library.com/poetry"
target="_blank"
rel="noopener"
class="text-indigo-600 hover:underline">
如同蝴蝶轻触花瓣般
<span class="italic">探索诗之宇宙</span>
</a>
注意事项
- 始终为链接添加有意义的文本内容
- 避免"点击这里"这类模糊表述
- 深色模式下注意链接颜色对比度
- 移动端确保点击区域不小于48×48像素
这一切,似未曾拥有