HTML <link> 标签中容易被忽视的 media 属性
2012-10-16 11:42
453 查看
定义和用法
media 属性规定被链接文档将显示在什么设备上。media 属性用于为不同的媒介类型规定不同的样式。
实例
两种不同的样式表,针对两种不同的媒介类型(计算机屏幕和打印):<head> <link rel="stylesheet" type="text/css" href="theme.css" /> <link rel="stylesheet" type="text/css" href="print.css" [code]media="print"/>
</head>
[/code]
浏览器支持
所有浏览器都支持值为 "screen"、"print" 以及 "all" 的 media 属性。提示:在全屏模式中,Opera 也支持 "projection" 属性值。
语法
<link media="value">
属性值
值 | 描述 |
---|---|
screen | 计算机屏幕(默认)。 |
tty | 电传打字机以及类似的使用等宽字符网格的媒介。 |
tv | 电视机类型设备(低分辨率、有限的滚屏能力)。 |
projection | 放映机。 |
handheld | 手持设备(小屏幕、有限带宽)。 |
打印预览模式/打印页面。 | |
braille | 盲人点字法反馈设备。 |
aural | 语音合成器。 |
all | 适用于所有设备。 |
相关文章推荐
- HTML <link> 标签的 rel 属性
- HTML <link> 标签的 rel 属性
- HTML <link> 标签的 rel 属性
- HTML <td> 标签的 rowspan 属性
- HTML <table> 标签的 frame 属性
- text-decoration <del> <s> 实现横线从文字中间穿过的CSS效果属性和html标签
- HTML中的多行输入框:<textarea>标签、cols属性、rows属性。
- HTML <td> 标签的 rowspan 属性
- <学习html>第八天笔记-HTML5文档类型和字符集、HTML5新标签与特性(常用新标签、新增input type属性值、常用新属性、多媒体标签)
- HTML <input> 标签(附带html5属性)
- HTML <a> 标签的 target 属性
- HTML笔记——导入外部样式表 <link>标签
- HTML <base> 标签的 target 属性 —— <base target="_blank" />
- HTML <td> 标签的 colspan 属性
- HTML <form> 标签的 method 属性
- HTML <form> 标签的 enctype 属性
- html <input>标签类型属性type(file、text、radio、hidden等)详细介绍
- HTML <script> 标签的 src 属性
- HTML <form> 标签的 enctype 属性
- HTML <td> 标签的 colspan 属性