HTML标签 <a>
用于创建超链接,即用户点击后可以跳转到另一个网页或指定位置。以下是 <a>
标签的常用属性:
href
: 指定链接的目标地址,可以是一个URL或一个本地文档的路径。target
: 指定链接打开的方式,常用的取值有_blank
(在新窗口打开)、_self
(在当前窗口打开)、_parent
(在父窗口打开)和_top
(在顶层窗口打开)。title
: 鼠标悬停在链接上时显示的文本。download
: 指定链接下载资源时的文件名。
示例代码:
-- ------------------------------ --------------- ------------ -------------- -----------
在上面的示例中,用户点击 "Visit Example" 链接后会在新窗口打开 https://www.example.com 网页,并在鼠标悬停时显示 "Visit Example"。
除了常规的文本链接,<a>
标签还可以用于创建锚点链接,即在同一页面内跳转到指定位置。这时可以结合使用 id
属性和 href
属性来实现:
-- --------------------- -- ------- ----- --- --------------------- ------ ------- -- --- ------- -- ------- ------
在这个示例中,点击 "Jump to Section 2" 链接时会跳转到页面中的 id="section2"
的位置,即 Section 2 的标题处。
除了超链接外,<a>
标签还可以用于创建邮箱链接和电话链接,分别使用 mailto:
和 tel:
协议:
-- ------------------------------------ ------ -- ---------------------------- ------
在这两个示例中,点击 "Email Us" 链接会打开默认邮箱客户端并填入收件人地址为 info@example.com,点击 "Call Us" 链接会拨打电话号码 123-456-7890。
这就是 <a>
标签的基本用法和常用属性。通过合理使用超链接,可以为用户提供更好的导航和交互体验。