在本章节学习内容如下:
-
HTML链接标签(<a>)及其组成部分
-
如何使用相对和绝对路径链接到其他网页
-
如何使用URL链接到Web上的其他网页
-
如何使用链接和锚链接到网页的特定位置
-
URL的组成部分以及您可使用的各种URL
1、创建链接
要使用HTML创建链接,需要两样东西:
1)要连接到的文件名(或URL);
2)用作单点击的链接文本。
在链接标签中,只有文本是在网页上可见的;用户点击链接时,浏览器将加载相关联的URL。
链接标签:<a.../>,同时也被称为锚标签,因为它也可用于创建锚。
标签<a>跟前面的标签有所不同,它必须包含一些属性,这样才能发挥作用。除了前面所介绍的一些可选属性,还有几乎适用于任何标签的属性,如style等。标签<a>使用属性来定义链接,因此在起始标签<a>的尖括号内,并非只有标签名,而是类似于下面这样:
<a href="a.html" title="the link">
额外的属性(href和title)描述了链接。在标签<a>中,最常用的属性是href,它表示超文本引用,可以使用它来指定链接指向的文件名或URL。同样<a>标签也有结束标签</a>。位于起始标签和结束标签的所有文本将成为显示在屏幕上的链接(如果没有使用样式表指定格式,默认呈高亮显示并带下划线)。用户点击时,将链接到href属性指定的URL。
<!--简单的链接-->
Go back to <a href="menu.html">Main Menu</a>
2、使用相对和绝对路径名链接到本地页面
链接位于本地磁盘的不同文件夹或目录中的页面
相对路径名指向的文件取决于当前文件的位置。
相对路径名可包含目录名,即可以指出从当前目录导航到指定文件时要经过的路径。
要在链接中指定相对路径名,必须使用UNIX式路径,因此,必须使用斜杆(/)来分割目录名,并使用两点(..)来表示当前目录的父目录。
要指定到本地系统中另一个页面的链接,还可以使用绝对路径名。
绝对路径名根据文件系统中的绝对位置来指定文件。而相对路径名是通过指定相对于当前页面的位置来指定要链接的页面。
绝对路径名指定要链接的页面即从顶级目录出发,要经过哪些目录才能到达这个文件。
绝对路径名总是以斜杆打头,以便与相对路径名区分开来。斜杠后面是从顶级目录出发前往链接到的文件需要经过的所有目录。
3、连接到Web上的其他文档
4、链接到文档的特定位置
只需在链接的URL中指定要链接到的元素的ID。这样,用户点击时,浏览器将嘉在指定的页面并滚动到指定的元素。
<h2 id="contents">Table of Contents</a>
创建链接和锚
注意:锚名和链接都是区分大小写的
5、剖析URL
URL是统一资源定位符,相当于网络信息的街道地址。
协议指的是访问页面的方式,即浏览器用来获取文件的通信手段。
主机名是信息所在计算机的地址。
路径是文件或其他形式的信息在主机中的位置。路径并非一定指向服务器中的物理目录和文件,有些Web应用程序动态地生成内容,因此只是将目录信息用作标识符。