超链接
超链接<a>
外部链接
链接到外部文件或网页。
基本语法:
html
<a href="URL" target="_blank">链接文本</a>属性说明
href:指定链接地址target:指定打开方式(_blank表示新窗口打开)
锚链接
实现页面内跳转。
实现步骤:
- 定义锚点:
html
<a name="anchor1" id="anchor1"></a>- 创建跳转链接:
html
<a href="#anchor1">返回顶部</a>兼容性提示
同时使用name和id属性以确保兼容性。
邮件链接
点击后打开邮件客户端。
语法:
html
<a href="mailto:email@example.com">联系我们</a>超链接属性详解
title:鼠标悬停时显示的文本target:_self:当前窗口打开(默认)_blank:新窗口打开_parent:父框架打开_top:顶层框架打开
使用规范
- 文本级标签:
<a>是文本级标签,不应包裹块级元素 - 正确嵌套:
html
<!-- 正确 -->
<p><a href="#">段落中的链接</a></p>
<!-- 错误 -->
<a href="#"><p>段落</p></a>最佳实践
- 为所有链接添加
title属性提高可访问性 - 外部链接建议使用
target="_blank" - 避免使用已废弃的
<font>和<b>标签