什么是link标签?
link标签通常放置在一个网页的头部标签head标签内的用于链接外部css文件、链接收藏夹图标(favicon.ico),
<link> 标签最常见的用途是链接外部样式表,外部资源。

link实例

<link href="img/divcss5.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标签。

ICO图标引人代码如下:

<link rel="icon" href="favicon.ico" type="image/x-icon" />

link 标签的内容结构解释
href 值为外部资源地址这里是收藏夹图标地址
rel 定义当前文档与被链接文档之间的关系,这里是外部icon图标属性

type 规定被链接文档的 MIME 类,这里是值为image/x-icon

特别说明<link>标签不一定必须放置在<head></head>标签内,可以适当放置在<body>下</body>以上部分,效果相同,但是推荐标准的放置在head标签内。

什么是link标签?相关推荐

  1. [html] link标签的属性media有哪些值?都有什么作用?

    [html] link标签的属性media有哪些值?都有什么作用? 根据w3c的介绍,media属性表示link的链接文档会应用于何种媒介(设备)上.用于为不同的媒介类型规定不同的样式.常用的值为sc ...

  2. link标签引入.css文件(目的):适配不同屏幕

    link标签引入.css文件(目的):适配不同屏幕 本文 · 参考博客:https://blog.csdn.net/nianzhi1202/article/details/52464078 附 · 参 ...

  3. link标签的几个用法,帮助提高页面性能

    写在前面 本文首发于公众号:符合预期的CoyPan HTML 中****元素规定了外部资源与当前文档的关系.最常见的用法,是用来链接一个外部的样式表,比如: <link href="m ...

  4. 超链接a标签的伪类选择器问题,Link标签与visited标签的失效问题(问题介绍与解决方法)。以下全部内容跟可通过鼠标左键选取后,复制到编辑器中直接运行。

    超链接a标签的伪类选择器问题,Link标签与visited标签的失效问题(问题介绍与解决方法).以下全部内容跟可通过鼠标左键选取后,复制到编辑器中直接运行. 参考文章: (1)超链接a标签的伪类选择器 ...

  5. html网页logo属性link,html元素link标签rel=icon添加网站favicon.ico图标

    html元素中的link标签除了可以引用插入CSS样式表文件之外,还可以通过link标签设置网站的favicon.icon图标. 什么是favicon.icon图标? 网站favicon.ico图标, ...

  6. 网页代码中link标签的用法

    link标签是我们在html中的一个基础标签,多用来在网页中引入外部的css文件,在这里我们一起来看一下这个标签在我们写代码是用到的写法. 1.引入外部css文件 <link href=&quo ...

  7. React-router(8)Link 标签 to 属性为对象时(路由信息传值)

    8.Link 标签 to 属性为对象时(路由信息传值) DEMO地址 参考 6.routeInfo.js 在组件里,每个组件的路由数据,都是各自独立的. 在之前分析中,已知: match 属性的值,存 ...

  8. a标签与link标签的区别

    a标签作用是给html文档中的相关数据设置一种能跳转到其他页面的功能属性,也就是平常我们所说的超链接 link标签的作用是:链接文件,如css或js等,并把链接文件的相关属性设置,应用于html文档中 ...

  9. 前端link标签引入css教程

    前端link标签引入css教程 首先我们在桌面新建一个文件 我们在这个文件里分别新建个存放HTML的文件夹以及css层叠样式表格的文件夹 然后我们打开dw,在文件选项找到新建 我们新建一个HTML的的 ...

  10. html+link作用,html link标签有什么作用?html link标签的定义及属性介绍

    html link标签有什么作用?html link标签中定义及属性介绍,下面开始本章的内容,主要给大家说的是html link标签的定义和作用,还有HTML link标签的属性介绍及属性作用 htm ...

最新文章

  1. pandas读取字典(dict)数据
  2. php安装gb,php安装程序的原理
  3. 每个Web开发人员应该知道的12个终端命令
  4. electron 打包 php,electron 将现有vue项目改成支持electron桌面端应用
  5. php实现斐波那契数列
  6. IBC+Palette 实现屏幕内容编码优化
  7. 使用CuteFTP登陆FTP(serv-U)服务器后无法LIST目录和文件的解决方法
  8. 油价创6个月新高,石油石化板块还能追吗?
  9. 有机会多熟悉下开源框架
  10. 用html5做一个介绍自己家乡的页面_厚溥资讯 | HTML5的小知识点小集合(上)
  11. 一个把时间戳转成日期的javascript函数
  12. 自己写的一个asp.net-cookies购物车类
  13. 混沌:Logistic模型
  14. 毕业生Markdown简历模板
  15. 叶俊|知行合一创纪录|杭州创纪录企业管理咨询有限公司董事长简介
  16. Corel VideoStudio X7 (64bit)安装
  17. 机器学习入门,转载博文,转自 飞鸟各投林
  18. Hankson 的趣味题
  19. Steven H. Simon《The Oxford Solid State Basics》(史蒂文·H·西蒙《牛津固态物理学基础》)中文目录
  20. python中的modify是什么意思_理解Python中的装饰器

热门文章

  1. DNk开发步骤与环境配置
  2. mysql线上问题排查思路及常用命令
  3. MYSQL数据库高级SQL语句详解
  4. 基于[三星6818]I2C驱动开发的0.96寸oled屏
  5. wkwebview 下移20像素_Cyclone2D编辑器(通用版本) 使用手册
  6. 用html计算长方形的面积公式,长方形面积公式是什么
  7. 鬼使神差的给宝宝办了大米的卡
  8. 软件测试工作中有哪些常用的工具?
  9. 微服务部署之蓝绿发布、滚动发布、灰度发布区别与特点
  10. Python学习——语法错误与异常