html5复习02-相对路径和绝对路径以及锚点设置
来源:互联网 发布:淘宝旧货市场 编辑:程序博客网 时间:2024/05/18 00:37
相对与绝对路径
所谓相对路径,就是相对于链接页面而言的另一个页面的路径。而绝对路径,就是直接
从 file:///磁盘符开始的完整路径。我们在同一个目录下做上两个页面,其中一个页面链
接到另一个页面。
1. 绝对路径
<a href="file:///D:/备课/HTML5 第一季/code/index2.html">index2</a>
解释:首先是 file:///开头,然后是磁盘符,然后是一个个的目录层次,找到相应文
件。这种方式最致命的问题是,当整个目录转移到另外的盘符或其他电脑时,目录结构一旦
出现任何变化,链接当即失效。
2. 相对路径
<a href="index2.html">index2</a>
解释:相对路径的条件是必须文件都在一个磁盘或目录下,如果是在同一个目录下,直
接属性值就是被链接的文件名.后缀名。如果在同一个主目录下,有多个子目录层次,那就
需要使用目录结构语法。
3. 目录语法
同一个目录:index2.html 或./index2.html;
在子目录:???/index2.html;
在孙子目录:???/???/index2.html;
在父目录:../index2.html;
在爷爷目录:../../index2.html;
锚点设置
超链接也可用来将同一个文档中的另一个元素移入视野。通过属性 id 或 name 实现锚
点定位。一点击就跳到相应的位置上
//链接
<a href="#1">第一章</a> <a href="#2">第二章</a> <a href="#3">第三章</a>
//锚点
<a name="1"></a> <a id="3"></a>
所谓相对路径,就是相对于链接页面而言的另一个页面的路径。而绝对路径,就是直接
从 file:///磁盘符开始的完整路径。我们在同一个目录下做上两个页面,其中一个页面链
接到另一个页面。
1. 绝对路径
<a href="file:///D:/备课/HTML5 第一季/code/index2.html">index2</a>
解释:首先是 file:///开头,然后是磁盘符,然后是一个个的目录层次,找到相应文
件。这种方式最致命的问题是,当整个目录转移到另外的盘符或其他电脑时,目录结构一旦
出现任何变化,链接当即失效。
2. 相对路径
<a href="index2.html">index2</a>
解释:相对路径的条件是必须文件都在一个磁盘或目录下,如果是在同一个目录下,直
接属性值就是被链接的文件名.后缀名。如果在同一个主目录下,有多个子目录层次,那就
需要使用目录结构语法。
3. 目录语法
同一个目录:index2.html 或./index2.html;
在子目录:???/index2.html;
在孙子目录:???/???/index2.html;
在父目录:../index2.html;
在爷爷目录:../../index2.html;
锚点设置
超链接也可用来将同一个文档中的另一个元素移入视野。通过属性 id 或 name 实现锚
点定位。一点击就跳到相应的位置上
//链接
<a href="#1">第一章</a> <a href="#2">第二章</a> <a href="#3">第三章</a>
//锚点
<a name="1"></a> <a id="3"></a>
0 0
- html5复习02-相对路径和绝对路径以及锚点设置
- html5 绝对路径和相对路径
- 相对路径和绝对路径
- 绝对路径和相对路径
- 相对路径和绝对路径
- 相对路径和绝对路径
- 相对路径和绝对路径
- 相对路径和绝对路径
- 绝对路径和相对路径
- 相对路径和绝对路径
- 绝对路径和相对路径
- 相对路径和绝对路径
- 相对路径和绝对路径
- 相对路径和绝对路径
- 绝对路径和相对路径
- 绝对路径和相对路径
- 绝对路径和相对路径
- 绝对路径和相对路径
- [BZOJ 1913][Apio2010]signaling 信号覆盖:计算几何
- 为什么新生代内存需要有两个Survivor区
- 厦门之旅
- Xcode 中使用 MarkDown 语法标注
- Base64编码及其作用
- html5复习02-相对路径和绝对路径以及锚点设置
- U3D -- UGUI的锚点
- 激活函数类别
- Android安全攻防战,反编译与混淆技术完全解析(下)
- Ubuntu下MongoDB的安装和使用
- 大型网站架构
- 电脑上玩手机游戏,效果秒杀模拟器
- mysql win 本地 定时备份mysql
- 在Manjaro(Arch系)环境下编译NS3以及启用C++11