网站中的页面是通过超链接连接起来的,平时我们在浏览网页时就是通过点击这些超链接而跳转到其他页面。超链接的载体主要是文本和图片(如下图)。
超链接的标志是当鼠标移动到超链接上时,会显示小手的样子。
超链接的学名叫URL,即"统一资源定位符",是Uniform Resource Locator的缩写。它的标准格式是"访问方案://服务器:端口/路径/文件名"。其中:
访问方案是指通讯协议,常见的有超文本协议(HTTP)、文件传输协议(FTP)等;
服务器是指IP地址或域名地址,例如"www.baidu.com";
端口是指服务器提供该资源服务的端口,如果是用默认端口则通常被省略,只有当提供服务的端口不是默认端口时,才需要在域名或IP地址后加上端口号,例如"http://192.168.19.201:8011";
路径是指资源在服务器上的位置,例如"http://www.sxjrzyxy.com/Newlist/919/869.html",其中869.html页面就是存放在服务器的Newlist目录下的919子目录中;
文件就是具体访问的资源也就是网页的名称;例如"https://item.jd.com/7919324.html",其中7919324.html就是文件名。
超链接的类型主要有:
1.相对链接:格式只包括"路径/文件名",它只能链接网站内部的页面或资源。这种链接能正常使用的前提是在制作网页时,创建了站点。例如"index.html"是链接站点根目录下的index.html页面,"image/logo.jpg"是链接站点中image文件夹内的logo.jpg文件。
2.绝对链接:是严格按照URL格式的链接,一般是指向站点外部的资源。例如,网页中有一个超链接是要跳转至百度首页,则链接地址应按照URL格式写成"http://www.baidu.com"。一般网站中"友情链接"部分的超链接均为绝对链接。
3.文件链接:超链接不仅可以指向页面,也可以直接指向文件。当该文件的格式不能被浏览器识别,则浏览器会打开下载窗口提供该文件的下载服务。例如某链接地址为"mp3/abc.mp3",则点击该地址可以实现下载abc.mp3的功能。
4.空链接:不具备跳转功能,但却显示为超链接的样式。空链接的功能,一是在设计制作阶段,可以帮助设计师提前实现页面效果;二是可以在空链接上添加脚本,通过脚本实现页面互动。空链接的地址用"#"表示。例如:"
文本
",就是把"文本"二字做成了空链接。
5.电子邮件链接:链接地址为邮件地址,即邮箱号。当点击该链接时,会自动打开电子邮件的创建向导。
6.锚点链接:用于跳转到页面的指定位置。
领取专属 10元无门槛券
私享最新 技术干货