HTML <link> 标签有什么作用?具体如何使用?
什么是link标签?link标签通常放置在一个网页的头部标签head标签内的用于链接外部css文件、链接收藏夹图标(favicon.ico),<link> 标签最常见的用途是链接外部样式表,外部资源。注意link标签因为不像<head></head>、<html></html>是一对的, 这里link样式是放在<link>内的。
根据W3C标准,需要直接用斜杠一个">"结束,如<link .... ... />构成完整的一个link标签。
<link href="/img/test.css" rel="stylesheet" type="text/css" />
link标签实例代码
链接到外部样式文件:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
所有主流浏览器都支持 <link> 标签。
标签定义及使用说明
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
注意: link 元素是空元素,它仅包含属性。
注意: 此元素只能存在于 head 部分,不过它可出现任何次数。
HTML 4.01 与 HTML5之间的差异
一些 HTML 4.01 属性在 HTML5 中不支持。
HTML5 新增了 "sizes" 属性。
HTML 与 XHTML 之间的差异
在 HTML 中,<link> 标签没有结束标签。
在 XHTML 中,<link> 标签必须被正确地关闭。
属性
New:HTML5 新属性。
<link> 标签支持全局属性,查看完整属性表 HTML 全局属性。
<link> 标签支持所有 HTML 事件属性。
引用CSS文件到html网页里方法
使用不同的方法来引用css样式表,最终到达的效果相同,但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率。
html引用css方法如下:
1、直接在div中使用css样式制作div+css网页.
2、html中使用style自带式.
3、使用@import引用外部CSS文件.
4、使用link引用外部CSS文件.