超链接和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.html、tp.jpg)。
URL的类型
和前面图片路径概念类似,也分为绝对URL和相对URL:
- 绝对URL:从
http://开始写完整路径,包括协议、主机、文件夹、文件。通常用来访问其他主机的资源。 - 相对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一致