<link>标签详解

淡风wisdon大大 2017-12-29

<link>                              定义两个链接文档之间的关系,被定义于 HTML 文档的 head 部分。

常用于链接外部css文件、链接收藏夹图标(favicon.ico)

(1)链接外部样式表

Html代码 
  1. <link href="img/divcss5.css" rel="stylesheet" type="text/css" />   

 ① href 值为外部资源地址,这里是css的地址

 ②rel 定义当前文档与被链接文档之间的关系,这里是外部css样式表即stylesheet

 ③type 规定被链接文档的 MIME 类,这里是值为text/css

(2)使用link引用网页收藏夹图标

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

 ①href 值为外部资源地址这里是收藏夹图标地址

 ②rel 定义当前文档与被链接文档之间的关系,这里是外部icon图标属性

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

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

相关推荐

ganyouxianjava / 0评论 2012-05-31