html link标签有什么作用？html link标签的定义及属性介绍(2)-木庄网络博客

html link标签的作用：

link rel=canonical 指定规范网址

对于动态网站来说，出现很多重复的网页可以访问到相同的内容是很正常的。例如，PHP中文网

原始链接是：http://www.php.cn/index.html

访问两个网址都可以查看到php中文网主页，对于搜索引擎优化来说，这就是重复了的网页内容。所以为了告诉搜索引擎这个页面只需要一个网址访问，就可以使用like rel=canonical 来告诉搜索引擎。

html link标签的属性作用：

link re=shortcut icon 指定网站小图标

网站小图标，一般IE只支持ico格式的16x16px 的图标;rel属性必须包含shortcut, 才会在IE下显示; link rel="shortcut icon" 供IE浏览器调用.ico图标，link rel="icon"供其它浏览器调用。png等其他格式图标;

link rel=stylesheet 网站CSS地址

这个比较常用，无论是做Web前端设计，还是网站入门都必须要熟悉这个，这就是知道网站CSS样式的标签。

link media=print 定义打印格式

规定了文档显示在打印设备上时的CSS样式。

提示和注释：

注释：link 元素是空元素，它仅包含属性。

注释：此元素只能存在于 head 部分，不过它可出现任何次数。

HTML 与 XHTML 之间的差异

在 HTML 中，<link> 标签没有结束标签。

在 XHTML 中，<link> 标签必须被正确地关闭。

HTML 4.01 与 HTML5之间的差异

一些 HTML 4.01 属性在 HTML5 中不支持。

HTML5 新增了 "sizes" 属性。

【相关推荐】

html title标签的作用是什么？关于html title标签的详细介绍

html align属性是什么含义？html中的align属性设置方法介绍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者