HTML 参考手册
HTML 参考手册
  1. HTML 标签列表(字母排序)
  2. HTML 标签列表（功能排序）
  3. HTML 全局属性
  4. HTML 事件
  5. HTML 画布
  6. HTML 音频/视频
  7. HTML 有效DOCTYPES
  8. HTML 颜色名
  9. HTML 在线拾色器
  10. HTML 颜色混搭
  11. HTML 字符集
  12. HTML ASCII 参考手册
  13. HTML ISO-8859-1 参考手册
  14. HTML 符号实体参考手册
  15. HTML URL 编码参考手册
  16. HTML 语言代码参考手册
  17. HTTP 状态消息
  18. HTTP 方法：GET 对比 POST
  19. Px、Em 换算工具
  20. px，pt，em 换算表
  21. px、em、rem区别介绍
  22. 键盘快捷键
  23. HTML标签
    1. <!–…–> 注释标签
    2. <!DOCTYPE> 声明
    3. <a> 标签
    4. <abbr> 标签
    5. <acronym> 标签
    6. <address> 标签
    7. <applet> 标签
    8. <area> 标签
    9. <article> 标签
    10. <aside> 标签
    11. <audio> 标签
    12. <b> 标签
    13. <base> 标签
    14. <basefont> 标签
    15. <bdi> 标签
    16. <bdo> 标签
    17. <big> 标签
    18. <blockquote> 标签
    19. <body> 标签
    20. <br> 标签
    21. <button> 标签
    22. <canvas> 标签
    23. <caption> 标签
    24. <center> 标签
    25. <cite> 标签
    26. <code> 标签
    27. <col> 标签
    28. <colgroup> 标签
    29. <command> 标签
    30. <datalist> 标签
    31. <dd> 标签
    32. <del> 标签
    33. <details> 标签
    34. <dfn> 标签
    35. <dialog> 标签
    36. <dir> 标签
    37. <div> 标签
    38. <dl> 标签
    39. <dt> 标签
    40. <em> 标签
    41. <embed> 标签
    42. <fieldset> 标签
    43. <figcaption> 标签
    44. <figure> 标签
    45. <font> 标签
    46. <footer> 标签
    47. <form> 标签
    48. <frame> 标签
    49. <frameset> 标签
    50. <head> 标签
    51. <header> 标签
    52. <hgroup> 标签
    53. <h1> – <h6> 标签
    54. <hr> 标签
    55. <i> 标签
    56. <iframe> 标签
    57. <img> 标签
    58. <input> 标签
    59. <ins> 标签
    60. <kbd> 标签
    61. <keygen> 标签
    62. <label> 标签
    63. <legend> 标签
    64. <li> 标签
    65. <link>标签
    66. <map> 标签
    67. <mark> 标签
    68. <menu> 标签
    69. <meta> 标签
    70. <meter> 标签
    71. <nav> 标签
    72. <noframes> 标签
    73. <noscript> 标签
    74. <object> 标签
    75. <ol> 标签
    76. <optgroup> 标签
    77. <option> 标签
    78. <output> 标签
    79. <p> 标签
    80. <param> 标签
    81. <pre> 标签
    82. <html> 标签
    83. <progress> 标签
    84. <q> 标签
    85. <rp> 标签
    86. <rt> 标签
    87. <ruby> 标签
    88. <s> 标签
    89. <samp> 标签
    90. <script> 标签
    91. <section> 标签
    92. <select> 标签
    93. <small> 标签
    94. <source> 标签
    95. <span> 标签
    96. <strike> 标签
    97. <strong> 标签
    98. <style> 标签
    99. <sub> 标签
    100. <summary> 标签
    101. <sup> 标签
    102. <table> 标签
    103. <tbody> 标签
    104. <td> 标签
    105. <template> 标签
    106. <textarea> 标签
    107. <tfoot> 标签
    108. <th> 标签
    109. <thead> 标签
    110. <time> 标签
    111. <title> 标签
    112. <tr> 标签
    113. <track> 标签
    114. <tt> 标签
    115. <u> 标签
    116. <ul> 标签
    117. <var> 标签
    118. <video> 标签
    119. <wbr> 标签
  24. HTML track kind 属性
  25. HTML video autoplay 属性
  26. HTML video controls 属性
  27. HTML track label 属性
  28. HTML video height 属性
  29. HTML track src 属性
  30. HTML video loop 属性
  31. HTML track srclang 属性
  32. HTML video muted 属性
  33. HTML tr align 属性
  34. HTML video poster 属性
  35. HTML tr bgcolor 属性
  36. HTML video preload 属性
  37. HTML tr char 属性
  38. HTML video src 属性
  39. HTML tr charoff 属性
  40. HTML video width 属性
  41. HTML tr valign 属性
  42. HTML track default 属性
  43. HTML tbody valign 属性
  44. HTML script src 属性
  45. HTML tbody charoff 属性
  46. HTML script type 属性
  47. HTML tbody char 属性
  48. HTML q cite 属性
  49. HTML tbody align 属性
  50. HTML ol compact 属性
  51. HTML style media 属性
  52. HTML ol reversed 属性
  53. HTML style scoped 属性
  54. HTML ol start 属性
  55. HTML style type 属性
  56. HTML ol type 属性
  57. HTML script async 属性
  58. HTML script charset 属性
  59. HTML script defer 属性
  60. HTML embed height 属性
  61. HTML button formaction 属性
  62. HTML basefont face 属性
  63. HTML embed src 属性
  64. HTML button formenctype 属性
  65. HTML embed type 属性
  66. HTML button formmethod 属性
  67. HTML basefont size 属性
  68. HTML embed width 属性
  69. HTML button formnovalidate 属性
  70. HTML meta charset 属性
  71. HTML dir compact 属性
  72. HTML button formtarget 属性
  73. HTML meta content 属性
  74. HTML del cite 属性
  75. HTML meta http-equiv 属性
  76. HTML button name 属性
  77. HTML del datetime 属性
  78. HTML meta name 属性
  79. HTML button type 属性
  80. HTML button autofocus 属性
  81. HTML button value 属性
  82. HTML meta scheme 属性
  83. HTML button disabled 属性
  84. HTML menu label 属性
  85. HTML button form 属性
  86. HTML menu type 属性
  87. HTML basefont color 属性
  88. HTML map name 属性
  89. HTML fieldset disabled 属性
  90. HTML fieldset form 属性
  91. HTML fieldset name 属性
阅读(6.1k) 书签 赞(1) 我要纠错

HTML link media 属性

2018-11-23 11:21 更新

HTML <link> media 属性

HTML link 标签参考手册 HTML <link> 标签

实例

针对两种不同的媒介类型（计算机屏幕和打印）的两种不同的样式表：

<head>
<link rel="stylesheet" type="text/css" href="demo_print.css" media="print">
</head>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 media 属性。

定义和用法

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

该属性通常与 CSS 样式表一起使用，用于为不同的媒介类型规定不同的样式。

media 属性接受若干个值。

HTML 4.01 与 HTML5之间的差异

media 属性现在支持更多的值。

语法

<link media="value">

可能的运算符

值 描述
and 规定一个 AND 运算符。
not 规定一个 NOT 运算符。
, 规定一个 OR 运算符。

设备

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

值

值 描述
width 规定目标显示区域的宽度。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (min-width:500px)"
height 规定目标显示区域的高度。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (max-height:700px)"
device-width 规定目标显示器/纸张的宽度。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (device-width:500px)"
device-height 规定目标显示器/纸张的高度。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (device-height:500px)"
orientation 规定目标显示器/纸张的方向。
可能的值："portrait" 或 "landscape"。
例子：media="all and (orientation: landscape)"
aspect-ratio 规定目标显示区域的宽度/高度比。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (aspect-ratio:16/9)"
device-aspect-ratio 规定目标显示器/纸张的 device-width/device-height 比率。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (aspect-ratio:16/9)"
color 规定目标显示器的 bits/color。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (color:3)"
color-index 规定目标显示器可以处理的颜色数。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (min-color-index:256)"
monochrome 规定单色帧缓冲中的 bits/pixel。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (monochrome:2)"
resolution 规定目标显示器/纸张的像素密度 (dpi 或 dpcm)。
可使用 "min-" 和 "max-" 前缀。
例子： media="print and (resolution:300dpi)"
scan 规定 tv 显示器的扫描方式。
可能的值："progressive" 和 "interlace"。
例子：media="tv and (scan:interlace)"
grid 规定输出设备是否是网格或位图。
可能的值："1" 为网格，否则为 "0"。
例子：media="handheld and (grid:1)"

HTML link 标签参考手册 HTML <link> 标签
以上内容是否对您有帮助：
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号