第二章网站开发基础之HTML教程 - 三、HTML及网页相关的知识点：绝对地址和相对地址

最新推荐文章于 2021-10-13 10:02:16 发布

陈子2005

最新推荐文章于 2021-10-13 10:02:16 发布

阅读量296

点赞数 1

分类专栏：陈子-零基础网站开发教程文章标签： html html5 css javascript 前端

本文链接：https://blog.csdn.net/klyz505/article/details/105441805

版权

三、HTML及网页相关的知识点

（一）绝对地址和相对地址

绝对地址和相对地址是网站开发基础知识中很重要的知识点。

1.在网页中插入文件时，不可以使用硬盘的绝对路径

举个例子，在网页中插入图片，代码如下：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>插入图片</title>
</head>
<body>
<img src="file:///E|/MyDocument/Pictures/1.jpg">或<img src="E:\MyDocument\Pictures\1.jpg">
</body>
</html>

    意思是：插入一张图片，图片路径是“E:\MyDocument\Pictures\1.jpg”。
    即：这张图片是放在电脑的“E:\MyDocument\Pictures\”文件夹里，图片文件名是：“1.jpg”。但是，这样的代码是错误的。
    （1）由于HTML代码是客户端标记语言，这段代码实际是告诉浏览器：显示一张图片，它放在客户端浏览者硬盘中的某个文件夹中。但实际上前端代码并没有读取浏览者硬盘文件的权限，它涉及计算机数据的安全，如果没有加以限制，那么通过网页就可以直接删除或格式化浏览者的硬盘数据，又或者读取浏览者的硬盘数据往网络上上传，任何安全和隐私都将不存在。所以这种越权读取文件或数据的代码，网页无法成功执行。
    （2）网站开发者的电脑在该路径位置确实存在这张图片，那么即使在网站开发者的浏览器中测试能正常显示该图片，当将该网页上传到服务器或虚拟主机中，他人访问网页时仍然是无法正常看到该图片的。该图片并不存在于浏览者的硬盘中（这张图片只存在于网站开发者的电脑中）。
    所以在网页中插入图片或其它文件时，不可以使用硬盘的绝对路径。

2.认识绝对地址和相对地址

最低0.47元/天解锁文章

陈子2005

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
第二章网站开发基础之HTML教程 - 三、HTML及网页相关的知识点：绝对地址和相对地址

三、HTML及网页相关的知识点（一）绝对地址和相对地址绝对地址和相对地址是网站开发基础知识中很重要的知识点。1.在网页中插入文件时，不可以使用硬盘的绝对路径举个例子，在网页中插入图片，代码如下：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" c...
复制链接

扫一扫