这篇文章主要为大家展示了“html中<link>标签的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“html中<link>标签的
这篇文章主要为大家展示了“html中<link>标签的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“html中<link>标签的示例分析”这篇文章吧。
html网页中head之link标签
什么是link标签?
link标签通常放置在一个网页的头部标签head标签内的用于链接外部CSS文件、链接收藏夹图标（favicon.ico），<link> 标签最常见的用途是链接外部样式表，外部资源。
link引人外部CSS与引人ico网站图标截图
link实例
<link href="img/编程网.css" rel="stylesheet" type="text/css" />链接外部css样式时候link标签的内容结构解释——css引用
href 值为外部资源地址，这里是css的地址
rel 定义当前文档与被链接文档之间的关系,这里是外部css样式表即stylesheet
type 规定被链接文档的 MIME 类,这里是值为text/css
这样就构成了一个完整的link标签
注意link标签因为不像<head></head>、<html></html>是一对的，解释还需一个斜杠的标签，这里link样式是放在<link>内的。
根据W3C标准，需要直接用斜杠一个">"结束，如<link .... ... />构成完整的一个link标签。
使用link引用网页收藏夹图标
ICO图标引人代码如下：
<link rel="icon" href="favicon.ico" type="image/x-icon" />link 标签的内容结构解释
href 值为外部资源地址这里是收藏夹图标地址
rel 定义当前文档与被链接文档之间的关系,这里是外部icon图标属性
type 规定被链接文档的 MIME 类,这里是值为image/x-icon
相关知识：favicon ico制作教程
div+css通过对head标签内link“<link>”标签讲解，希望对大家有帮助。在一个网页中常用就这两种，也许会碰到rel值不同的，大致使用方法相同。
特别说明<link>标签不一定必须放置在<head></head>标签内,可以适当放置在<body>下</body>以上部分，效果相同，但是推荐标准的放置在head标签内。
以上是“html中<link>标签的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网JavaScript频道！
--结束END--
本文标题: html中<link>标签的示例分析
本文链接: https://www.lsjlt.com/news/93044.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0