网页代码中link标签的用法

link标签是我们在html中的一个基础标签，多用来在网页中引入外部的css文件，在这里我们一起来看一下这个标签在我们写代码是用到的写法。

1、引入外部css文件

<link href="http://www.youtuomuye.cn/templets/youtuo/youtuo.css" type="text/css" rel="stylesheet" />

这是引入css文件的写法，期中rel属性和type属性是必须要写的，否则你会发现css样式的引用可能会出现问题

2、让网页标题栏显示个性化的图标

<link rel="Shortcut Icon" href="http://www.youtuomuye.cn/icon.ico" type="image/x-icon" />

href属性改成你自己的ico文件地址即可。

3、canonical标签，一般用来网页的seo中用到，但是这个却没有出现的html代码的html标准中，具体效果不得而知

<title>家具板-装饰板-木工板厂家-临沂友拓木业有限公司</title>
<link href="/skin/css/style.css" rel="stylesheet">
<link rel="canonical" href="http://www.woodmachine.ltd" />

以上就是link标签最常用的写法，当然这个标签还有很多的用途，具体想要详细了解的可以参考以下html5的标签属性说明

在HTML5 中link标签有一下一些属性的新属性。

属性	值	描述
charset	char_encoding	HTML5 中不支持。
href	URL	规定被链接文档的位置。
hreflang	language_code	规定被链接文档中文本的语言。
media	media_query	规定被链接文档将被显示在什么设备上。
rel	alternate author help icon licence next pingback prefetch prev search sidebar stylesheet tag	规定当前文档与被链接文档之间的关系。
rev	reversed relationship	HTML5 中不支持。
sizes	heightxwidth any	规定被链接资源的尺寸。仅适用于 rel="icon"。
target	_blank _self _top _parent frame_name	HTML5 中不支持。
type	MIME_type	规定被链接文档的 MIME 类型。