HTML超链接的分类、属性详解

目录

什么是超链接？

为什么需要超链接？

网页中超链接的类型

超链接的目标对象可以是

超链接的基本属性

---

什么是超链接？

超链接是指在一个文档中插入的指向其他文档或资源的链接。超链接通常以文字或图标的形式出现，当用户点击该文字或图标时，会跳转到链接指定的文档或资源。超链接可以链接到同一网站的其他页面，也可以链接到其他网站的页面。通过超链接，用户可以方便地在不同的网页间进行导航和访问相关内容。

为什么需要超链接？

超链接在互联网上的存在是因为它提供了以下几个重要的功能和优势：

1. 导航和链接：超链接使得用户可以方便地在不同的网页间导航。通过点击超链接，用户可以跳转到其他页面或资源，无需手动输入完整的网址或进行繁琐的搜索。这样，用户可以更快速和便利地访问感兴趣的内容。

2. 资源共享和引用：超链接可以用于共享和引用其他网页或资源。当一个网页中包含了对其他网页的超链接时，用户可以通过点击链接直接访问被引用的内容。这种方式可以促进信息共享和互相参考，使得网站之间的联系更加紧密和互通。

3. 网页组织和结构：超链接可以帮助网站组织和结构化不同的网页。通过在页面中添加超链接，网站管理员可以将相关的内容相互连接起来，形成一个更准确和清晰的网页结构。这样，用户可以更容易地浏览和理解网站的内容。

4. 交互和用户体验：超链接为网页添加了交互性和动态性。用户可以通过点击超链接，在不同的页面间切换，进行搜索、导航和浏览。这种交互性提高了用户体验和参与度，使得网页更具吸引力和互动性。

综上所述，超链接的存在使得网页更加互联和便捷，提供了更好的导航、资源共享、网页组织和用户体验，是互联网中不可或缺的重要组成部分。

网页中超链接的类型：

1、内部链接——单击该超链接连接到同一网站的另外一个页面，例如：

<a href=“a.html” target="_blank">跳转到a.html</a>

2、锚点链接——单击该超链接连接到同一页面的某一个位置，例如：

<h2 id=“one”>第一层</h2>
<h2>第二层</h2>
<h2>第三层</h2>
<a href="#one">去第一层</a>

3、外部链接——单击该超链接连接到其他网站上的某一个页面，例如：

<a href=“http://www.baidu.com”>单击后跳转到href指定的网站</a>

4、功能性链接——实现特殊功能的链接，以下列举了功能性链接的几个示例：

      下载图片：

<a href="img/qq.jpg">点击下载图片</a>

       发送邮件：

<a href="mailto：1967760xx37qq.com">联系我们</a>

       引用脚本语言： 

<a href="javascript:alert('hhh~')"></a>

超链接的目标对象可以是：

1、文本超链接——建立在文本上的超链接，例如：

<a href="https://www.csdn.net/">点击文本跳转CSDN</a>

2、多媒体文件链接——超链接的目标是多媒体文件(图像、音频、视频等等)，例如：

<a href="https://www.csdn.net/" title="点击图片跳转CSDN"><img src="tx.jpg"></a>

3、E-mail链接——超链接的目标是打开邮件发送，例如：

<a href="mailto：1967760xx37qq.com">联系我们</a>

4、空链接——超链接没有目标，例如：

<a href="#">空连接</a>

超链接的基本属性：

1. href属性

    href属性是必要属性，如果没有href属性，那么a元素就将变成空元素。

    href属性可以指定连接的地址，可以是本地地址、也可以是锚点标记、也可以是网络地址（网络      地址需要添加https://）

2. target属性

    target属性是可选属性，它用于告诉浏览器希望将所连接的资源显示在哪里。

    （1）_blank属性：在新窗口或标签页中打开文档

    （2）_parent属性：在父窗框组（frameset）中打开文档

    （3）_self属性：在当前窗口打开文档（默认）

    （4）_top属性：在顶层窗口打开文档

3.title属性

   title属性为提示文字，即鼠标悬停在超链接上时出现的提示信息。