链接
链接(超链接的简称)是一种 HTML 对象,点击或点按它时,您可以跳转到新的位置。几乎每个网页上都有链接,它提供了一种在网络上的网页之间导航的简单方式。
链接可以附加到文本、图像或其他 HTML 元素上。大多数文本链接都是蓝色的,因为这是网络浏览器用于显示链接的标准颜色。不过,链接可以是任何颜色,因为可以使用 HTML 或 CSS 样式自定义链接文本的样式。在网络发展的早期,链接默认带有下划线。如今,为链接添加下划线已不太常见。
将链接应用于图像时,链接标签会封装或包围图像标签。由于图像标签嵌套在链接标签中,图像本身就会变成链接。这种方法可用于将链接应用于其他元素,例如 <div> 和 <span> 对象。不过,由于可以使用 CSS 设置链接样式,因此通常会使用带有 CSS 类或 ID 属性的 <a> 标签,而不是 <div> 或 <span> 标签。
下面是文本链接和图像链接的 HTML 示例:
文本链接: <a href="/definition/computer">Computer Definition</a>
图像链接: <a href="https://techterms.com/definition/computer"><img src="/images/computer.jpg" alt="desktop PC"></a>
相对链接和绝对链接
上面的第一个链接是“相对链接”,因为它不包含域名。相反,该链接是相对于当前网站的。例如,TechTerms.com 上的任何内部链接都不需要在源代码中包含“https://techterms.com/”。实际上,只需使用类似“/definition/computer”的相对链接即可。由于链接以正斜杠开头,因此路径从根目录开始。如果相对链接不以正斜杠开头,则路径是相对于当前URL的。
上面的第二个链接是绝对链接,因为它包含域名。外部链接必须使用绝对链接,因为外部链接会将您引导至另一个网站。绝对链接可以以“http”或“https”开头。绝对链接也可以以两个正斜杠(“//”)开头。对于通过 HTTP 提供服务的网页,这会被解释为“http://”;对于通过HTTPS提供服务的网页,则会被解释为“https://”。
NOTE: <a> 标签中的“a”代表“anchor”(锚点),因为早期的超文本文档通常链接到网页内的锚点(或标记),而不是其他网页。<a> 中的“href”代表“hypertext reference”(超文本引用)。
测试你的知识
