html中路径表示,5.html5中的路径表示

路径在html中的作用主要是进行外部资源的引入，如css文件，js文件，媒体文件等。

而路径本身有分为相对路径和绝对路径。所谓相对路径，就是相对于链接页面而言的另一个页面的路径。而绝对路径，就是直接从 file:///磁盘符开始的完整路径。(注意，盘符主要是针对windows)。

1.绝对路径

index2

解释：首先是 file:///开头，然后是磁盘符，然后是一个个的目录层次，找到相应文 件。这种方式最致命的问题是，当整个目录转移到另外的盘符或其他电脑时，目录结构一旦 出现任何变化，链接当即失效。

2.相对路径

index2

解释：相对路径的条件是必须文件都在一个磁盘或目录下，如果是在同一个目录下，直 接属性值就是被链接的文件名.后缀名。如果在同一个主目录下，有多个子目录层次，那就 需要使用目录结构语法.

3.目录语法

同一个目录：index2.html 或./index2.html；

在子目录：xxx/index2.html；

在孙子目录：xxx/xxx/index2.html；

在父目录：../index2.html；

在爷爷目录：../../index2.html；

最后，一个要注意的地方是：不管你有没有发现，其实windows和linux系统的路径分隔符是不一样的，windows为 \ ,而linux为 / 。但不管最终运行在什么平台，路径的表示都要使用linux的习惯，也就是 / 。

HTML5 中的 canvas 画布(一)

---恢复内容开始--- 在HTML5中新添加的元素,canvas 现在支持 IE9+的版本 注意:HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript ...

【javascript】html5中使用canvas编写头像上传截取功能

[javascript]html5中使用canvas编写头像上传截取功能 本人对canvas很是喜欢,于是想仿照新浪微博头像上传功能(前端使用canvas) 本程序目前在谷歌浏览器和火狐浏览器测试可用 ...

使用HTML5中postMessage实现Ajax中的POST跨域问题

HTML5中提供了在网页文档之间相互接收与发送信息的功能.使用这个功能,只要获取到网页所在窗口对象的实例,不仅仅同源(域+端口号)的web网页之间可以互相通信,甚至可以实现跨域通信. 浏览器支持程度: ...

html5中的video标签和audio标签

不管是否承认,flash早已不像过往那样如日中天了.亚马逊全面放弃flash.苹果放弃flash.安卓也放弃了移动端的flash支持.事实上flash已经不太适合web开发了,因为HTML5中的vid ...

session与cookie的区别以及HTML5中WebStorage理解

一.session与cookie的区别 二.HTML5中WebStorage理解 WebStorage的目的是克服由cookie所带来的一些限制,当数据需要被严格控制在客户端时,不需要持续的将数据发回 ...

解决html5中video标签无法播放mp4问题的办法

这篇文章主要给大家介绍了关于解决html5中video标签无法播放mp4问题的办法,文中介绍的非常详细,相信会对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧. 最近发现了一个 ...

使用HTML5中postMessage 实现ajax中的POST跨域问题

HTML5中提供了在网页文档之间相互接收与发送信息的功能.使用这个功能,只要获取到网页所在窗口对象的实例,不仅仅同源(域+端口号)的web网页之间可以互相通信,甚至可以实现跨域通信. 浏览器支持程度: ...

HTML5中本地储存概念是什么，什么优点 ，与cookie有什么区别？

html5中的Web Storage 包括了两种存储方式: sessionStorage  和  localStorage. seessionStorage 用于本地存储一个会话(session)中的 ...

HTML5中video标签与canvas绘图的使用

video标签的使用 video标签定义视频, 它是html5中的新标签, 它的属性如下(参考自文档): domo01

随机推荐

Flex各类型坐标转换(全局、本地、内容坐标间转换)

Flex包含3种坐标:全局坐标.本地坐标.内容坐标 全局坐标:stage级别,坐标原点为舞台的左上角,如MouseEvent的stageX.stageY坐标. 本地坐标:组件级别的坐标系,相对坐标,坐 ...

TCP/IP详解学习笔记(9)-- 广播，多播，IGMP：网际组管理协议

1.概述      IP有三种地址:单播地址, 广播地址,多播地址.      广播和多播仅应用于UDP.      每个以太网帧包含源主机和目的主机的以太网地址.通常每个以太网帧发往单个目的主机,目 ...

js 正则实例

1.匹配url参数 var re = /([^&=]+)=?([^&]*)/g while (r = re.exec("aaa1a=aabbbbbbb")) { a ...

动态内存Treap

注意root的v要给一个很奇怪的数,null的s是0. #include #include #include

Buffer Cache(缓冲区缓存)篇：keep缓冲区池(保留池)

Buffer  Cache可以有三个池 默认缓冲区池 keep缓冲区池 recycling缓冲区池 --保留池和回收池可以独立于sga中的其他缓存分配内存.创建表的时候可以在storage子句中使用b ...

CSS3之动画Animation特效

CSS3的出现 让我们通过css样式也能写出炫酷的特效 通过 Animation 这个属性 无需插件和jquery也可以轻松的完成简单的动画效果 DEMO: ...

CodeForces 609B The Best Gift

统计+枚举 #include #include #include #include ...

Vue keep-alive实践总结

是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM. 包裹动态组件时,会缓存不活动的组件实例,而不是 ...

Window下，利用Anaconda2创建jupyter-notebook的python3环境方法

随着深度学习的火热,越来越多的人去学习和了解这门技术.而做算法的同学为了能够更快,更高效的写出相关的深度学习算法出来,需要比较方便的开发环境.今天主要介绍一下在jupyter notebook中,新增 ...