跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 在html的head中这种link指向外链的css、js可以下载下来使用吗?
未分類
10 4 月 2020

在html的head中这种link指向外链的css、js可以下载下来使用吗?

123456789 大佬有话说 : 2020-3-24 16:43:01

在html的head中这种link指向外链的css、js可以下载下来使用吗?

为了防止文件源站关闭或者服务器出问题导致不能用

在html的head中这种link指向外链的css、js可以下载下来使用吗?直接把css、js下载到网站根目录调用

https://s1.ax1x.com/2020/03/24/8qHt2V.png

Vhc 大佬有话说 : 2020-3-24 16:44:35

src 指向的可以,href 指向的不可以

蓝浩 大佬有话说 : 2020-3-24 22:19:53

本帖最后由 蓝浩 于 2020-3-24 22:21 编辑

这就是前端框架啊,你去找找对应的官网,去下载下来就可以了
https://www.openzui.com

或者就这样引用就可以了

hehe 大佬有话说 : 2020-3-24 19:16:38

本帖最后由 hehe 于 2020-3-24 19:19 编辑

src是 源,这个属性是将资源嵌入到当前文档中元素所在的位置,无论资源位置在哪,嵌入到当前位置之后的效果都是一样的。所以可以随便改变资源位置。

href是 超文本引用,这个属性指定web资源的位置,从而定义当前元素或当前文档与目标锚点或目标资源之间的联系,因此不能改变位置。

如果改了href资源的位置,得到的资源也就会随之发生改变,下面举两个例子:
1、改变 a 标签的 href
<​a​ ​h​r​e​f​=​"​h​t​t​p​s​:​/​/​w​w​w​.​g​o​o​g​l​e​.​c​o​m​/​"​>​谷​歌​<​/​a​>
修改为
<​a​ ​h​r​e​f​=​"​h​t​t​p​s​:​/​/​w​w​w​.​b​a​i​d​u​.​c​o​m​/​"​>​谷​歌​<​/​a​>
现在点击 谷歌,会发生什么?

2、修改 link 的 href
<link rel="stylesheet" href="css/style.css">
修改为
<link rel="stylesheet" href="c/s/s/style.css">
这时,由于外部css文件的位置改变了,当浏览器加载完这个css文件后,开解析css代码中定义网页背景图片、网页中的图片、字体文件 等等资源的时候,就会找不到,因为css文件的位置变了,自然是找不到之前的资源的

wweng 大佬有话说 : 2020-3-24 17:07:52

一般情况都可以,没有href和src区别。
例外:网页引用了A,A引用了B,你需要把B一起下载否则不行。
例外2:网页引用了A,A是服务器动态生成的。

我是一个大水怪 大佬有话说 : 2020-3-24 16:51:16

本帖最后由 我是一个大水怪 于 2020-3-24 16:52 编辑

都可以,这是网站的基本运行原理,但例子中都是走的公用CDN,基本不需要过多担心。

jackwolf 大佬有话说 : 2020-3-24 16:43:32

可以的,当然没问题

123456789 大佬有话说 : 2020-3-24 16:46:42

Vhc 大佬有话说 : 2020-3-24 16:44
src 指向的可以,href 指向的不可以

这是为什么呢

lioyiphy 大佬有话说 : 2020-3-24 16:48:31

123456789 大佬有话说 : 2020-3-24 16:46
这是为什么呢

同样想知道为什么,一直没注意过,mark

hxuf 大佬有话说 : 2020-3-24 16:52:15

都可以 记得下载全了

chief567 大佬有话说 : 2020-3-24 17:04:15

都可以

123456789 大佬有话说 : 2020-3-24 17:05:07

hxuf 大佬有话说 : 2020-3-24 16:52
都可以 记得下载全了

楼上说href的不可以,那么请问大佬,href指向的下载好了该如何指向?

jekyll 大佬有话说 : 2020-3-24 17:05:47

不行的,必须使用cdn的,不信你自己试试。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具