欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

关于HTML中的超链接详细介绍

程序员文章站 2022-03-28 20:51:17
...
超链接:也叫URL(Uniform Resource Locator),就是统一资源定位器。一般效果是我们点击网页上某个地方,网页会自动跳转到另外一个地方。

一般链接遵循以下要求:host.domain:port/path/filename

比如W3C的网站地址为: www.w3school.com.cn/html/index.asp。我们对上面的各个单词做如下解释:

  scheme - 定义因特网服务的类型。最常见的类型是 http
  host - 定义域主机(http 的默认主机是 www)
  domain - 定义因特网域名,比如 w3school.com.cn
  :port - 定义主机上的端口号(http 的默认端口号是 80)
  path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
  filename - 定义文档/资源的名称

 注意:Scheme 定义的服务类型为:
    http 超文本传输协议 以 http:// 开头的普通网页。不加密。
    https 安全超文本传输协议 安全网页。解密所有信息交换。 比如支付宝的网址:https://www.alipay.com/
    ftp 文件传输协议 用于将文件下载或上传至网站。
    file :计算机上的文件。

实际上在网页开发中,我们用到的就是<a href="#"></a>来定义超链接的路径

一、http 链接:

<a href=http://www.baidu.com>百度</a>

二、本地链接:

<a href=file:///e/images/pic.jpg>图片</a>

三、ftp 链接

<a href=ftp://192.168.4.21/>进入</a>

四、邮箱链接

<a href=mailto:bnbbs@163.com>E-MAIL</a>

最后重点说一下瞄点链接:一般是点击之后跳到网页的一个地方。比如淘宝网站页面上的《返回到顶部》这个链接

  定义锚点:<a name=“锚点名称”>…</a>
  链接点:<a href=“#锚点名称”>…</a>

当然,我们还可以到别的页面:

定义瞄点:<a name=“锚点名称”>…</a>
链接锚点:<a href=“index.htm#锚点名称”>…</a>

以上就是关于HTML中的超链接详细介绍的详细内容,更多请关注其它相关文章!

相关标签: HTML,超链接