HTML的link标签

最新推荐文章于 2023-12-21 14:11:26 发布

原创最新推荐文章于 2023-12-21 14:11:26 发布 · 739 阅读

0 ·

CC 4.0 BY-SA版权

HTML学习专栏收录该内容

1 篇文章

订阅专栏

本文介绍了HTML中link标签的基本用法及其常见属性，并详细解释了如何使用link标签来连接CSS文件和设置网页的favicon图标。

HTML的link标签大家都很熟悉，<link> 标签定义文档与外部资源的关系，最常见的用途是链接样式表。在连接CSS的时候大家一定没少用过。

连接CSS 的用法如下：

注意link标签只能出现在head部分！

它的属性主要有

href -- 指定需要加载的资源(CSS文件)的地址URI
media -- 媒体类型
rel -- 指定链接类型
rev -- 指定链接类型
title -- 指定元素名称
type -- 包含内容的类型,一般使用type="text/css"

但是前两天看源码时发现了另外一种用法：

可以显示网页的favicon，即Favorites Icon的缩写。

当然我们也可以这样写<link rel="shortcut icon" href="/favicon.png" type="image/png">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

老子今晚不加班

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

HTML ＜link＞标签

玄链教育

07-07

2042

link> 标签定义文档与外部资源的关系。标签最常见的用途是链接样式表。

HTML - ＜link＞

最新发布

分享编程知识与技巧致力于技术交流与学习找我合作私聊有偿解决计算机问题

01-06

1515

参与评论您还未登录，请先登录后发表或查看评论

HTML中的link标签

weixin_56462592的博客

10-23

3845

html中的link标签

html 页面的 link 标签

ShaSha27的博客

05-22

1511

1. 使用<link>标签注意事项 <link>标签只能存在于 head 部分； <link>标签可出现任意次数； <link>标签是一个空元素标签，仅包含属性。 2. <link>标签的rel属性 rel属性是<link>标签的核心属性，利用rel属性，搜索引擎可以获取更多有关...

（学习笔记）HTML的<link>标签

weixin_30678349的博客

08-05

384

在HTML中<link>标签用于定义文档与外部资源的关系。 <link>标签只存在于head部分。 <head> <link rel="stylesheet" type="text/css" href="test.css" /> </head> 上面是一个关于link标签使用的简单例子。 l...

html 基础之 <link>标签

weixin_34319111的博客

07-31

192

实例链接一个外部样式表： <head> <link rel="stylesheet" type="text/css" href="theme.css" /> </head> 在用于样式表时，<link> 标签得到了几乎所有浏览器的支持。但是几乎没有浏览器支持其他方面的用途。定义和用法 <link&a

htmllink标签的使用

06-11

`<html:link>` 标签是Struts框架中用于创建HTML `<a>` 元素的一个组件，它提供了处理请求参数和Session跟踪的功能，尤其在处理动态生成的链接时非常有用。下面我们将深入探讨该标签的特性、用法以及相关的知识点。 ...

精选资源

JavaScript动态创建link标签到head里的方法

01-19

本文实例讲述了JavaScript动态创建link标签到head里的方法。分享给大家供大家参考。具体分析如下：相信有很多做前端的朋友碰到过需要用 JavaScript 动态创建样式表标签——link标签。这里我们就来说说如何在浏览器...

HTML rel 属性 - HTML link 标签 - 在 HTML 中嵌入 CSS - HTML教程,XHTML教程.htm

02-08

HTML rel 属性 - HTML link 标签 - 在 HTML 中嵌入 CSS - HTML教程,XHTML教程.htm

vue3修改link标签默认icon无效问题详解

10-16

在Vue CLI创建的项目中，通常会在`public`目录下的`index.html`文件中找到`link`标签，用于设置应用的图标。例如，这样的代码片段： ```html <link rel="icon" href="<%= BASE_URL %>favicon.ico"> ``` 这里的`...

html中的异步和同步以及 async和defer属性

闲岁的博客

11-01

1716

简单举例并区分： img标签在加载过程中，是并行同时加载的，这叫做异步。 src和link加载外部文件时是一个加载完成后再继续加载下一个，这种叫做同步。 async和defer属性的区别以及在script标签中应用举例：所有的scrip都是被加载后立即执行的。 async：异步加载，不需要等待当前script加载完，就可以同时向后加载另一个script【在script标签的最后加一个async即可实现】 <script src="./js/a.js" async> defer：当所有内容加载

HTML之link标签

lks2012的专栏

04-13

774

1.实例

【前端面试专栏】＜script＞脚本以及＜link＞标签对 DOM 解析渲染的影响

编码世界

07-06

1万+

当HTML解析器解析HTML，如果遇到`script`标签，普通的`script`标签会暂停对DOM解析渲染，因为该脚本可能会修改DOM。这里有三种情况：普通脚步、defer、async。

HTML中link标签属性的用法浅谈

xiaoweids的博客

05-18

555

link标签是用于样式表、图标与外部资源的关联，有很多属性，本文就详细的介绍一下HTML中link标签属性的具体用法，感兴趣的可以了解一下。例如，您可以创建专门针对打印的样式表，当用户打印页面时使用。通过为资源提供一个基于内容的哈希值（如SHA-256），您可以确保资源未被篡改。：该属性用于指定链接资源的MIME类型。可以为文档提供替代版本，例如不同语言的页面或适用于不同设备的页面。可以预先建立连接到第三方资源的TCP连接，减少建立连接所需的时间。：该属性用于确保外部资源的完整性，可以与。

前端面试题之HTML篇

bigb的博客

11-04

677

SVG 是可缩放矢量图形，是基于可扩展标记语言XML描述的2D图形，基于XML意味着每个DOM都是可用的，可以为每个元素附加Javascript事件处理器，在SVG中，每个绘制的图形叫做对象，对象的属性发生变化时，浏览器会自动重现图形。如果没有defer或者async，浏览器会立即加载并执行js脚本，会阻塞页面的渲染，如果文件比较大或者脚本比较耗时的话，页面就会出现卡顿的情况。网页源代码使用GBK编码，而内容中的中文使用的是UTF-8编码，就会出现乱码，反之亦然。会立即加载并执行脚本，阻塞了页面的渲染。

html前端面试题

qq_63431773的博客

12-21

425

src和href都是表示对资源的引用，它指向的内容会嵌入到当前标签所在的位置。src会将其指向的资源下载并应⽤到⽂档内，如请求js脚本。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执⾏完毕，所以⼀般js脚本会放在页面底部。表示超文本引用，它指向一些网络资源，建立和当前元素或本文档的链接关系。当浏览器识别到它他指向的⽂件时，就会并行下载资源，不会停⽌对当前⽂档的处理。常用在a、link等标签上。

【前端知识之HTML】src和href的区别以及defer和async的区别

weixin_44337386的博客

05-08

952

本系列主要整理前端面试中需要掌握的知识点。本节介绍src和href区别的相关知识。

html的link标签

qq_42331068的博客

02-18

6039

link标签是网页头部head中的元素，在html语言中，link标签是单独出现的，并且可以被多次使用，该元素的用途是与外部文件建立链接 link标签的属性 charset属性：规定了被链接文档的字符编码方式。该属性不被 HTML5 支持。 hreflang属性：规定被链接文档的语言，如：hreflang=“zh” 代表是个中文网站，hreflang=“en” 代表英文网站。 href属性：...

HTML5 之 Link 标签