link标签是我们在html中的一个基础标签,多用来在网页中引入外部的css文件,在这里我们一起来看一下这个标签在我们写代码是用到的写法。
1、引入外部css文件
<link href="http://www.youtuomuye/templets/youtuo/youtuo.css" type="text/css" rel="stylesheet" />
这是引入css文件的写法,期中rel属性和type属性是必须要写的,否则你会发现css样式的引用可能会出现问题
2、让网页标题栏显示个性化的图标
<link rel="Shortcut Icon" href="http://www.youtuomuye/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 |
| 规定当前文档与被链接文档之间的关系。 |
rev | reversed relationship | HTML5 中不支持。 |
sizes |
| 规定被链接资源的尺寸。仅适用于 rel="icon"。 |
target |
| HTML5 中不支持。 |
type | MIME_type | 规定被链接文档的 MIME 类型。 |
更多推荐
网页代码中link标签的用法
发布评论