超链接和URL

超链接和URL

HTML如果没有超链接,则可以说肯定不会像现在这样火起来。超链接是一个网站的灵魂,它可以把整个互联网(包括其他网站)连起来,用户可以在这些地址中点击跳来跳去地阅读。

URL

URL是 Uniform Resource Locator 的缩写,直接翻译是”统一资源定位器”,也就是人们常说的”网址”,它可以唯一定位到互联网中某台计算机的某个资源(如图片、html等)。

URL的格式

网络中的计算机通过IP地址来区分,每个接入互联网的电脑都有一个唯一的IP。通过这个IP,才可以访问到对应的资源。

  • IPV4:32位二进制代码(32个0/1),分成四部分,每部分8位,所以常见的IP地址如 127.0.0.1,8位最大值是255(11111111
  • IPV6:未来更丰富的地址方案

为了方便记忆,通常采用域名(网址)来代替IP,比如北盟网校的 bamn.cn。域名和IP对应起来,用户通过域名访问时,域名服务器(DNS)会解析出对应的IP。

URL组成

互联网除了web服务器,还有很多其他应用(如ftp服务)。每种服务有自己的协议,浏览器浏览网页通常使用 http 协议(超文本传输协议),所以网址通常以 http:// 开头。

一个完整的URL包含:协议 + 主机名(域名)+ 文件夹路径 + 文件名(如 index.htmltp.jpg)。

URL的类型

和前面图片路径概念类似,也分为绝对URL和相对URL:

  1. 绝对URL:从 http:// 开始写完整路径,包括协议、主机、文件夹、文件。通常用来访问其他主机的资源。
  2. 相对URL:访问同一台服务器上相对文件夹或不同文件夹的资源。比如 index.html 中访问 demo03.html,写相对路径即可。

超链接标记 <a>

超链接使用 <a> 标记,href 属性指定目标地址。

  • 绝对URL示例:<a href="http://www.GOOGLE.com">进入到GOOGLE</a>
  • 相对URL示例:<a href="../../demo03.html">进入到demo03</a>

本节代码

<html>
<body>
    <a href="http://www.GOOGLE.com">进入到GOOGLE</a>
    <a href="../../demo03.html">进入到demo03</a>
</body>
</html>Code language: HTML, XML (xml)

说明

  • <a> 是双标签,标签之间的文字是用户可点击的链接文本
  • href 除了指向网页,还可以指向图片、文件下载、邮箱(mailto:)等
  • 超链接默认在当前页面打开,添加 target="_blank" 可在新标签页打开
  • 相对URL中,/ 开头表示网站根目录,../ 表示上一级目录
  • 域名解析过程:浏览器输入域名 → DNS服务器查询对应IP → 向该IP的服务器发起HTTP请求 → 服务器返回资源
  • 现代网站多使用 https://(加密的HTTP协议),URL格式与HTTP一致

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注