超文本的定义

超文本的定义

超文本（Hypertext）是一种通过超链接（Hyperlink）将文本、图像或其他多媒体元素相互关联的非线性信息组织方式。在HTML中，超文本的核心是通过<a>标签实现的链接功能，允许用户在不同页面或资源间跳转。

超链接的基本语法

HTML中创建超链接使用<a>标签，主要依赖href属性指定目标地址：

<a href="https://example.com">访问示例网站</a>

• href：可指向URL、文件路径、页面锚点（如#section1）或协议（如mailto:、tel:）。
• 内容部分：显示为可点击的文本或图像。

链接目标控制

通过target属性控制链接打开方式：

<a href="https://example.com" target="_blank">在新标签页打开</a>

• _blank：新窗口/标签页。
• _self：当前窗口（默认）。
• _parent/_top：框架结构中上级或顶层窗口。

链接类型扩展

页面内锚点跳转

<a href="#section2">跳转到第二节</a>
...
<h2 id="section2">第二节标题</h2>

功能型链接

<a href="mailto:contact@example.com">发送邮件</a>
<a href="tel:+123456789">拨打电话</a>

语义化增强

• rel属性：定义链接与目标的关系，如rel="nofollow"告知搜索引擎不追踪。
• download属性：提示浏览器下载目标资源而非跳转：

<a href="manual.pdf" download>下载手册</a>

样式与交互

超链接默认样式（蓝色带下划线）可通过CSS自定义：

a {
  color: #ff5722;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

无障碍访问建议

• 避免使用“点击这里”等模糊文本，应明确描述链接目标。
• 为图像链接提供alt文本：

<a href="gallery.html"><img src="preview.jpg" alt="作品画廊"></a>