<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像素
评论 (0)
×暂无评论,快来发表第一条评论吧