html5 点击在本页面跳转 html按钮跳转本地页面

转载

落花有意飞花 2023-09-22 20:46:43

文章标签 html5 点击在本页面跳转 html 跳转本地html html底部代码 html页面跳转 html鼠标变成小手 文章分类 HTML5 移动开发

一、链接

1、概述

HTML 页面使用超链接与网络上的另一个 HTML 页面相连。几乎可以在所有的网页中找到链接，点击链接可以从一张页面跳转到另一张页面。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的 HTML 页面或者当前 HTML 页面中的某个部分。

当把鼠标指针移动到 HTML 页面中的某个链接上时，箭头默认会变为一只小手的样式。

2、链接元素

HTML

3、绝对路径

实质：就是从根目录开始

绝对路径就是指完整的描述目标文件位置的路径。简单来说，绝对路径就是无论你当前的位置在哪，找到目标文件的路径是不变的

无论是本地电脑也好，还是网络上的网站也好，系统盘符或者网络协议后面的 // 都称为根目录。也就是说，绝对路径是从根目录开始查找目标文件的路径。

绝地路径的优点如下所示：

防止网站被恶意抄袭。使用绝对路径，如果有人抄袭采集你的网站内容，里面的链接还会指向你的网站。
网页被移动位置，里面的链接还是指向正确的 URL。

绝对路径的缺点如下所示：
除非链接是动态插入的，不然没办法在测试服务器上进行测试。因为里面的链接将直接指向真正的域名 URL，而不是测试服务器中的 URL。
除非链接是动态插入的，不然移动内容页面将很困难。因为内容页面位置发生变化，在其他页面上的链接却可能无法跟着变化，还指向原来的已经硬编码的绝对路径。

4、相对路径

实质：相对于另外一个固定位置，而决定自己的位置

. 当前目录

.. 上级目录

相对路径就是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。简单来说，相对路径和你所在的位置是有关系的，你所在位置的不同会导致相对路径也会不同。

例如我们的本地电脑中的某个文件，如果我们想要找到它的话，可以通过相对路径的方式，如下所示：



相对路径的情况，可以总结如下所示：

如果当前页面与目标页面或资源处在同一个目录中的话，相对路径就是目标文件名称。
如果当前页面在目标页面或资源的父级目录中的话，相对路径就是目录名称/目标文件名称。
如果当前页面在目标页面或资源的子级目录中的话，相对路径就是../目标文件名称。
如果当前页面的父级目录与目标页面或资源的父级目录处在同一个目录中的话，相对路径就是../目录名称/目标文件名称。