link标签,link和import的区别?

2022-02-04 09:57:20 百科大全 投稿:一盘搜百科
摘要本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别link标签。差别1:老祖宗的差别。link属于XHTML标签,而@import完全是CSS提供的一种方式。link标签除了可以加载CS

本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别link标签。差别1:老祖宗的差别。link属于XHTML标签,而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。差别2:加载顺序的差别。当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显(梦之都加载CSS的方式就是使用@import,我一边下载一边浏览梦之都网页时,就会出现上述问题)。差别3:兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。差别4:使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。

link标签,link和import的区别?插图

和include的作用一样吗?

不不,这完全是两个概念.

link标签,link和import的区别?插图1

link是HTML的一个标签.

而include则是ASP的一个方法.

HTML link标签的rel属性有很多,比如:

定义地址栏最前面的小图标和收藏夹图标

定义样式表

还有许多不常用的

* Start — 通知搜索引擎,文档的开始

* Next — 记录文档的下一页.(浏览器可以提前加载此页)

* Prev — 记录文档的上一页.(定义浏览器的后退键)

* Contents

* Index — 当前文档的索引

* Glossary — 词汇

* Copyright — 当前文档的版权

* Chapter — 当前文档的章节

* Section — 作为文档的一部分

* Subsection — 作为文档的一小部分

* Appendix — 定义文档的附加信息

* Help — 链接帮助信息

* Bookmark — 书签

等等以上.

你不用去刻意区分.说白了.link他不是ASP,而是HTML,你只要把link用来链接外部样式表的属性弄明白就行了.

网页制作里link是什么意思

<link> 标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表。如:

<link rel=”stylesheet” type=”text/css” href=”theme.css” />

要在地址栏中地址的最前面放个小图标,也用<link>。如:

<link rel=”shortcut icon” type=”image/ico” href=”favicon.ico” />

其他还有用作为搜索引擎服务的。

声明:一盘搜百科所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系 88888@qq.com