HTML5 — 知识总结篇《VI》【路径的写法】

2024-05-11 10:02:30

一丶站内资源与站外资源

站内资源：当前网站的资源

站外资源：菲当前网站的资源

二丶绝对路径和相对路径

对站外资源使用：绝对路径

对站内资源使用：相对路径

三丶绝对路径的书写个格式

url地址：

协议名://主机名:端口号/路径

比如：

https://mbs.baidu.com/newspage/data/landingsuper

http://www.renren.com/

协议名：http（安全性较低，一般是小公司或者政府再或者拿来做官网用的）、https（安全）、file（本地）

主机名：域名、IP地址（比如：192.168.92.11）

端口号：如果协议是http协议，默认端口号80；如果协议是https协议，默认端口号为443，这些端口在浏览器中都会被隐藏，如果我们写了依然可以访问的到

比如说：
人人网：http://www.renren.com:80//
百度首页：https://www.baidu.com:443/.

当跳转目标和当前页面的协议相同时，可以省略协议。
举个例子：
比如说你写了一个HTML页面，有个按钮，有按钮超链接，复制当前路径去打开浏览器，在粘贴那个路径你会发现你的协议是http协议，而且点击可以跳转到对应网页
但是如果你是在文件中打开的这个页面，你点击就会找不到网页了，为什么？
这是因为，这个时候你的协议名不再是http，因为你是文件打开，所以你的协议名这时候变成了file，不信你去浏览器看下网址就知道了

四丶相对路径的书写个格式

以./开头，./表示当前资源所在的目录

…/表示返回上一级目录

举个例子：你创了一个新的工程文件夹并且新建了一个网页index.html，由于现在网页是两种不同的类型，你要分类，所以你就在这个新工程文件里新建了一个子文件夹，
里面新建了一个网页，然后这个时候你子文件夹里的网页想要访问同一个工程下的网面的网页，就需要打上如下：当前网页时：index.html

 <a href="./subhtmls/a.html">subhtmls.html - > a.html</a>

分析一下，./表示的是这个网页当前所在的文件夹，那么是不是工程？那么如果你想用相对路径的写法，就需要在/子文件夹再/网页文件才能访问得到
如果是在同一个文件夹下，就不用写/，直接写文件名即可，例如：a.html

那么反过来，如果想从a.html中点击超链接返回到index.html，怎么做呢？

 <a href="./../相对路径的写法.html">   分析一波，首先./表示回到当前目录，../回到上一级目录，那么index.html就是在上一级目录，所以说相对路径的写法.html       才需要这么写</a>

HTML5 — 知识总结篇《VI》【路径的写法】相关推荐

labview当前vi路径_对于LabVIEW程序为什么生成EXE后，涉及到路径的输出不正确了？...
问题提出使用LabVIEW编写应用程序时,相信很多小伙伴遇到过这样的问题,在VI程序中涉及到路径的问题时,比如在程序开始运行时,需要自动读取当前目录下某个文件的内容作为参数的初始配置,或者自动加载当 ...
JavaScript 基础知识 - BOM篇
前言本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码 ...
html5中将图片的绝对路径转换成文件对象
html5中将图片的绝对路径转换成文件对象将图片的绝对路径转换成base64编码,请看这篇文章我们先来理解基本知识点: 1. 理解HTML5中的FileList对象与file对象. 在HTML5中 ...
JavaScript 基础知识 - 入门篇(二)
11. 函数 11.1 函数的基础知识为什么会有函数? 在写代码的时候,有一些常用的代码需要书写很多次,如果直接复制粘贴的话,会造成大量的代码冗余: 函数可以封装一段重复的javascript代码, ...
JavaScript 进阶知识 - Ajax篇
Ajax 前言前面我们已经学习了js基础知识和一些简单的特效,基本上已经能够写出一个带有特效的静态页面了,为什么还要称之为静态页面呢?因为网页里的数据都是写死的,真正的工作中,我们是要通过Ajax技 ...
恶补通信基础知识——OFDM篇
恶补通信基础知识--OFDM篇废话部分有一句话说的好"欠下的总是要还的",哎,作为一个不是通信出身的人,入了通信的坑,有些东西真的是不得不填.处在找方向.找课题的阶段,还是很让 ...
基础知识：篇4-make工具与Makefile文件概念
说明: 本文章旨在总结备份.方便以后查询,由于是个人总结,如有不对,欢迎指正:另外,内容大部分来自网络.书籍.和各类手册,如若侵权请告知,马上删帖致歉. QQ 群号:513683159 [相 ...
【Java基础知识回顾篇】之打怪升级Day001
Java基础知识回顾篇之打怪升级Day001 目录 Java基础知识回顾篇之打怪升级Day001 简介一.为什么现在主流的是Java8和Java11? 二.简单尝试编写java程序 1.编写一个He ...
java ： enum、创建文件和文件夹、删除文件和文件夹、获得项目绝对路径、写入数据到excel中、java代码中两种路径符号写法、读取、写入text文件...
java : enum http://www.cnblogs.com/hyl8218/p/5088287.html 创建文件和文件夹.删除文件和文件夹 http://www.cnblogs.com/m ...
c语言a 寻路算法,JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
本文实例讲述了JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法.分享给大家供大家参考,具体如下: 完整实例代码如下: A*寻路算法 #stage { border: 1px solid lig ...

最新文章

热门文章