<a>
— 锚定世界的桥梁
何为<a>
?
它是HTML的灵魂标记,像一位巧妙的织网者,用href
属性编织出互联世界的丝线。点击之处,便是新的天地。
核心属性
href
:目标的彼岸,可接网址、文件路径,甚至mailto:
、tel:
等协议。target
:控制开启方式,如_blank
(新窗口)、_self
(当前页)。rel
:暗藏玄机,用nofollow
告知搜索引擎勿追踪,或用noopener
防安全漏洞。
灵动变体
<!-- 基础链接 -->
<a href="https://example.com">探索示例</a>
<!-- 邮件触发 -->
<a href="mailto:contact@example.com">寄信给我</a>
<!-- 锚点跳转 -->
<a href="#section2">跳转至第二节</a>
点睛之技
- 用
title
属性添加悬停提示,如朦胧的指引。 - 结合
<button>
或<span>
时,需赋予role="link"
以昭示其本质。
这枚标记虽小,却是万维网的基石——每一次点击,都在延续蒂姆·伯纳斯-李最初的梦想。
这一切,似未曾拥有