html中 的用法

html中 的用法

相对跳转有如下方式，需要了解（以下的例子中，分别以你的例子和带.html尾缀进行演示）：

1、本目录的使用（与本文件在相同的文件夹下）：

<a rel="nofollow" href="123456">

<a rel="nofollow" href="123456.html">

2、本目录下的子文件夹（设文件夹名为newdoc）的使用：

<a rel="nofollow" href="newdoc/123456">

<a rel="nofollow" href="newdoc/123456.html">

3、本目录下的子文件夹下的子文件夹（设文件夹名为newdoc2）的使用(如果更多层，则依此类推)：

<a rel="nofollow" href="newdoc/newdoc2/123456">

<a rel="nofollow" href="newdoc/newdoc2/123456.html">

4、本目录上一层父目录的使用：

<a rel="nofollow" href="../123456">

<a rel="nofollow" href="../123456.html">

5、本目录上两层父目录的使用(如果更多层，则依此类推)：

<a rel="nofollow" href="../../123456">

<a rel="nofollow" href="../../123456.html">

6、本目录上一层父目录下一个名为new文件夹下的使用(也就是和本文件所在的文件夹在相同目录下的那个new文件夹)：

<a rel="nofollow" href="../new/123456">

<a rel="nofollow" href="../new/123456.html">

如果使用DW等网页制作软件的话，会有很完美的链接（URL）提示功能，使用这项功能可以为你减少很多该方面的麻烦，并且不会出错，发生找不到文件的情况，建议使用。

扩展资料：

在HTML中，页面相互嵌套，再带上frame的总和应用时，超链接的路径错误是个问题。如在java web开发时，下面是普通的超链接：

<a rel="nofollow" href="findallsupplier.action?sign=0"></a>

经常报找不到文件或是路径中有重复路径存在！

解决方法：

<a rel="nofollow" href="../../findallsupplier.action?sign=0"></a>

不仅要指明这个超链接要去访问谁，还要指明服务器处理完再次跳转时的相对路径。

外部CSS引用：

<link type="text/css" rel="stylesheet" rel="nofollow" href="../css/test.css" />

如果<a>链接</a>不设置href的话，部分浏览器将不会出现cursor“手指针”。

参考资料来源：百度百科-href