搞前端开发有一年多了，可总有些细节东西没有关注过，就比如HTML中的<link>标签，它可以引入CSS，也可以引入一个网站的ICO图标，但它后面还有一个media参数，这个你知道是干什么的吗？大家常见的<link>用法划过于下面的代码：
<link href="css.css" rel="stylesheet" type="text/css" media="screen" />
以上是引入网站自定义的CSS文件，还可以用来引入网站的ICO LOGO图标，比如：前端框架分享
<link rel="shortcut icon" href="favicon.ico" media="all" />
见有些朋友的link标签的media属性都空着，不写也没事，不过如果你的网页需要在不同终端设备上显示，比如打印时显示不同的排版格式，那就需要使用media参数了，比如：
<link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" /> <link type="text/css" rel="stylesheet" href="printstyle.css" media="print" />
上面的代码意思是说，当不打印的时候，使用media="screen"来显示网页，当打印的时候就调用printstyle.css来显示网页，有的朋友为了打印，另写了一个页面，还定义了CSS，如果你知道link标签还可以这么用，那你肯定要笑自己傻了。为了方便，这里给出media的所有参数及含义，方便你使用：前端框架分享
screen 计算机屏幕（默认）。 tty 电传打字机以及类似的使用等宽字符网格的媒介。 tv 电视机类型设备（低分辨率、有限的滚屏能力）。 projection 放映机。 handheld 手持设备（小屏幕、有限带宽）。 print 打印预览模式/打印页面。 braille 盲人点字法反馈设备。 aural 语音合成器。 all 适用于所有设备。
如果你的网页打印时与电脑上显示的是一个样式，那么你link里的media参数，可取值Screen,也可以取值all。
转载自原文链接, 如需删除请联系管理员。
原文链接：说下link 标签media 参数的含义，转载请注明来源！