HTML link标签media参数

时间:2022-04-29
本文章向大家介绍HTML link标签media参数,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

写html这么久了,今天才发现link标签还有个media参数,赶紧把它补回来,虽然现在没有用到,但是不能不知道它

定义和用法

media 属性规定被链接文档将显示在什么设备上。

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来显示网页。

media的所有属性如下:

screen 计算机屏幕(默认)。 
tty 电传打字机以及类似的使用等宽字符网格的媒介。 
tv 电视机类型设备(低分辨率、有限的滚屏能力)。 
projection 放映机。 
handheld 手持设备(小屏幕、有限带宽)。 
print 打印预览模式/打印页面。 
braille 盲人点字法反馈设备。 
aural 语音合成器。 
all 适用于所有设备。 

如果网页打印时与电脑上显示的是一个样式,那么你link里的media参数,可取值screen,也可以取值all。