HTML <link> media 属性

ຕາຕະລາງການຮຽນ

ຄູ່ມືການຫຼີ້ນ

HTML ອັກສາ

-

<head>

</a></li> <li><a href="/lo/tags/tag_img.html" title="HTML <img> ຕາມ"><img></a></li> <li><a href="/lo/tags/tag_input.html" title="HTML <input> ຕາມ"><input></a></li> <li><a href="/lo/tags/tag_ins.html" title="HTML <ins> ຕາມ"><ins></a></li> <li><a href="/lo/tags/tag_kbd.html" title="HTML <kbd> ຕາມ"><kbd></a></li> <li><a href="/lo/tags/tag_label.html" title="HTML <label> ຕາມ"><label></a></li> <li><a href="/lo/tags/tag_legend.html" title="HTML <legend> ຕາມ"><legend></a></li> <li><a href="/lo/tags/tag_li.html" title="HTML <li> ຕາມ"><li></a></li> <li><a href="/lo/tags/tag_link.html" title="HTML <link> ຕາມ"><link></a></li> <li><a href="/lo/tags/tag_main.html" title="HTML <main> ຕາມ"><main></a></li> <li><a href="/lo/tags/tag_map.html" title="HTML <map> ຕາມ"><map></a></li> <li><a href="/lo/tags/tag_mark.html" title="HTML <mark> ຕາມ"><mark></a></li> <li><a href="/lo/tags/tag_menu.html" title="HTML <menu> ຕາມ"><menu></a></li> <li><a href="/lo/tags/tag_meta.html" title="HTML <meta> ຕາມ"><meta></a></li> <li><a href="/lo/tags/tag_meter.html" title="HTML <meter> ຕາມ"><meter></a></li> <li><a href="/lo/tags/tag_nav.html" title="HTML <nav> ຕາມ"><nav></a></li> <li><a href="/lo/tags/tag_noframes.html" title="HTML <noframes> ຕາມ"><noframes></a></li> <li><a href="/lo/tags/tag_noscript.html" title="HTML <noscript> ຕາມ"><noscript></a></li> <li><a href="/lo/tags/tag_object.html" title="HTML <object> ຕາມ"><object></a></li> <li><a href="/lo/tags/tag_ol.html" title="HTML <ol> ຕາມ"><ol></a></li> <li><a href="/lo/tags/tag_optgroup.html" title="HTML <optgroup> ຕາມ"><optgroup></a></li> <li><a href="/lo/tags/tag_option.html" title="HTML <option> ຕາມ"><option></a></li> <li><a href="/lo/tags/tag_output.html" title="HTML <output> ຕາມ"><output></a></li> <li><a href="/lo/tags/tag_p.html" title="HTML <p> ຕາມ"><p></a></li> <li><a href="/lo/tags/tag_param.html" title="HTML <param> ຕາມ"><param></a></li> <li><a href="/lo/tags/tag_picture.html" title="HTML <picture> ຕາມ"><picture></a></li> <li><a href="/lo/tags/tag_pre.html" title="HTML <pre> ຕາມ"><pre></a></li> <li><a href="/lo/tags/tag_progress.html" title="HTML <progress> ຕາມ"><progress></a></li> <li><a href="/lo/tags/tag_q.html" title="HTML <q> ຕາມ"><q></a></li> <li><a href="/lo/tags/tag_rp.html" title="HTML <rp> ຕາມ"><rp></a></li> <li><a href="/lo/tags/tag_rt.html" title="HTML <rt> ຕາມ"><rt></a></li> <li><a href="/lo/tags/tag_ruby.html" title="HTML <ruby> ຕາມ"><ruby></a></li> <li><a href="/lo/tags/tag_s.html" title="HTML <s> ຕາມ"><s></a></li> <li><a href="/lo/tags/tag_samp.html" title="HTML <samp> ຕາມ"><samp></a></li> <li><a href="/lo/tags/tag_script.html" title="HTML <script> ຕາມ"><script></a></li> <li><a href="/lo/tags/tag_search.html" title="HTML <search> ຕາມ"><search></a></li> <li><a href="/lo/tags/tag_section.html" title="HTML <section> ຕາມ"><section></a></li> <li><a href="/lo/tags/tag_select.html" title="HTML <select> ຕາມ"><select></a></li> <li><a href="/lo/tags/tag_small.html" title="HTML <small> ຕາມ"><small></a></li> <li><a href="/lo/tags/tag_source.html" title="HTML <source> ຕາມ"><source></a></li> <li><a href="/lo/tags/tag_span.html" title="HTML <span> ຕາມ"><span></a></li> <li><a href="/lo/tags/tag_strike.html" title="HTML <strike> ຕາມ"><strike></a></li> <li><a href="/lo/tags/tag_strong.html" title="HTML <strong> ຕາມ"><strong></a></li> <li><a href="/lo/tags/tag_style.html" title="HTML <style> ຕາມ"><style></a></li> <li><a href="/lo/tags/tag_sub.html" title="HTML <sub> ປະເພດ"><sub></a></li> <li><a href="/lo/tags/tag_summary.html" title="HTML <summary> ປະເພດ"><summary></a></li> <li><a href="/lo/tags/tag_sup.html" title="HTML <sup> ປະເພດ"><sup></a></li> <li><a href="/lo/tags/tag_svg.html" title="HTML <svg> ປະເພດ"><svg></a></li> <li><a href="/lo/tags/tag_table.html" title="HTML <table> ປະເພດ"><table></a></li> <li><a href="/lo/tags/tag_tbody.html" title="HTML <tbody> ປະເພດ"><tbody></a></li> <li><a href="/lo/tags/tag_td.html" title="HTML <td> ປະເພດ"><td></a></li> <li><a href="/lo/tags/tag_template.html" title="HTML <template> ປະເພດ"><template></a></li> <li><a href="/lo/tags/tag_textarea.html" title="HTML <textarea> ປະເພດ"><textarea></a></li> <li><a href="/lo/tags/tag_tfoot.html" title="HTML <tfoot> ປະເພດ"><tfoot></a></li> <li><a href="/lo/tags/tag_th.html" title="HTML <th> ປະເພດ"><th></a></li> <li><a href="/lo/tags/tag_thead.html" title="HTML <thead> ປະເພດ"><thead></a></li> <li><a href="/lo/tags/tag_time.html" title="HTML <time> ປະເພດ"><time></a></li> <li><a href="/lo/tags/tag_title.html" title="HTML <title> ປະເພດ"><title></a></li> <li><a href="/lo/tags/tag_tr.html" title="HTML <tr> ປະເພດ"><tr></a></li> <li><a href="/lo/tags/tag_track.html" title="HTML <track> ປະເພດ"><track></a></li> <li><a href="/lo/tags/tag_tt.html" title="HTML <tt> ປະເພດ"><tt></a></li> <li><a href="/lo/tags/tag_u.html" title="HTML <u> ປະເພດ"><u></a></li> <li><a href="/lo/tags/tag_ul.html" title="HTML <ul> ປະເພດ"><ul></a></li> <li><a href="/lo/tags/tag_var.html" title="HTML <var> ປະເພດ"><var></a></li> <li><a href="/lo/tags/tag_video.html" title="HTML <video> ປະເພດ"><video></a></li> <li><a href="/lo/tags/tag_wbr.html" title="HTML <wbr> ປະເພດ"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/lo/howto/index.html" title="CodeW3C.com ສະຫະກອນບັນດາອັນສັນ">CodeW3C.com ສະຫະກອນບັນດາອັນສັນ</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>HTML <link> media 属性</h1> <div class="backtoreference"> <p><a href="/lo/tags/tag_link.html">HTML <link> ຕາມ</a></p> </div> <div> <h2>定义和用法</h2> <p><code>media</code> 属性规定目标资源针对什么媒体/设备进行了优化。</p> <p><code>media</code> 属性指定了被链接文档将显示在什么设备上。</p> <p>该属性主要与 CSS 样式表一起使用，为不同的媒体类型指定不同的样式。</p> <p><code>media</code> ປະສົມປະສານສາມາດຍອມຮັບຫຼາຍຄຳນວນ.</p> </div> <div> <h2>ຄວາມຈຳນວນ</h2> <p>ສອງຮູບແບບສະແນນສະເພາະສອງຊະນິດສື່ມວນຊົນ(ສໍານັກພິດຕະພັນແລະການພິມ):</p> <pre class="language-html"> <head> <link rel="stylesheet" type="text/css" href="theme.css"> <link rel="stylesheet" type="text/css" href="print.css" media="print"> </head> </pre> <p class="tiy"><a target="_blank" href="/lo/tiy/t.html?f=tag_link_media">亲自试一试</a></p> </div> <div> <h2>语法</h2> <pre class="language-html"> <link media="<i>value</i>"> </pre> <h3>可能的运算符</h3> <table class="dataintable"> <tr> <th style="width:30%">运算符</th> <th>描述</th> </tr> <tr> <td>and</td> <td>规定 AND 运算符。</td> </tr> <tr> <td>not</td> <td>规定 NOT 运算符。</td> </tr> <tr> <td>,</td> <td>规定 OR 运算符。</td> </tr> </table> <h3>设备</h3> <table class="dataintable"> <tr> <th style="width:30%">设备</th> <th>描述</th> </tr> <tr> <td>all</td> <td>默认。用于所有媒体类型设备。</td> </tr> <tr> <td>print</td> <td>用于打印预览模式/打印页面。</td> </tr> <tr> <td>screen</td> <td>用于电脑屏幕、平板电脑、智能手机等。</td> </tr> <tr> <td>speech</td> <td>用于朗读页面的屏幕阅读器。</td> </tr> <tr> <td>aural</td> <td><span class="deprecated">已弃用。</span>语音合成器。</td> </tr> <tr> <td>braille</td> <td><span class="deprecated">已弃用。</span>盲文反馈设备。</td> </tr> <tr> <td>handheld</td> <td><span class="deprecated">已弃用。</span>手持设备（小屏幕、有限带宽）。</td> </tr> <tr> <td>projection</td> <td><span class="deprecated">已弃用。</span>投影仪。</td> </tr> <tr> <td>tty</td> <td><span class="deprecated">已弃用。</span>使用固定间距字符网格的电传打字机和类似媒体。</td> </tr> <tr> <td>tv</td> <td><span class="deprecated">已弃用。</span>电视类型设备（分辨率低、滚动能力有限）。</td> </tr> </table> <h3>值</h3> <table class="dataintable"> <tr> <th style="width:30%">值</th> <th>描述</th> </tr> <tr> <td>aspect-ratio</td> <td> <p>规定目标显示区域的宽度/高度比。</p> <p>ສາມາດໃຊ້ຄຳເວົ້າ "min-" ແລະ "max-".</p> <p>例子：media="screen and (aspect-ratio:16/9)"</p> </td> </tr> <tr> <td>color</td> <td> <p>规定目标显示器的每种颜色的位数。</p> <p>ສາມາດໃຊ້ຄຳເວົ້າ "min-" ແລະ "max-".</p> <p>例子：media="screen and (color:3)"</p> </td> </tr> <tr> <td>color-index</td> <td> <p>规定目标显示器能够处理的颜色数。</p> <p>ສາມາດໃຊ້ຄຳເວົ້າ "min-" ແລະ "max-".</p> <p>例子：media="screen and (min-color-index:256)"</p> </td> </tr> <tr> <td>device-aspect-ratio</td> <td><span class="deprecated">已弃用。</span>规定目标显示器/纸张的 device-width/device-height 比率。</td> </tr> <tr> <td>device-width</td> <td><span class="deprecated">已弃用。</span>规定目标显示器/纸张的宽度。</td> </tr> <tr> <td>device-height</td> <td><span class="deprecated">已弃用。</span>规定目标显示器/纸张的高度。</td> </tr> <tr> <td>grid</td> <td> <p>规定输出设备是网格还是位图。</p> <p>可能的值："1" 代表网格，"0" 是其他。</p> <p>例子：media="handheld and (grid:1)"</p> </td> </tr> <tr> <td>height</td> <td> <p>规定目标显示区域的高度。</p> <p>ສາມາດໃຊ້ຄຳເວົ້າ "min-" ແລະ "max-".</p> <p>例子：media="screen and (max-height:700px)"</p> </td> </tr> <tr> <td>monochrome</td> <td> <p>规定在单色帧缓冲中的每像素比特。</p> <p>ສາມາດໃຊ້ຄຳເວົ້າ "min-" ແລະ "max-".</p> <p>ຕົວຢ່າງ: media="screen and (monochrome:2)"</p> </td> </tr> <tr> <td>orientation</td> <td> <p>ກໍານົດວັດຖຸການສະແດງຕົວອອກປ້ອງກັນ/ເຈັບຂີ້.</p> <p>ຄວາມຕາຍມີ: "portrait" ຫຼື "landscape".</p> <p>ຕົວຢ່າງ: media="all and (orientation: landscape)"</p> </td> </tr> <tr> <td>resolution</td> <td> <p>ກໍານົດຄວາມຫຼາຍຄວາມຂອງຕົວອອກປ້ອງກັນ/ເຈັບຂີ້ (dpi ຫຼື dpcm).</p> <p>ສາມາດໃຊ້ຄຳເວົ້າ "min-" ແລະ "max-".</p> <p>ຕົວຢ່າງ: media="print and (resolution:300dpi)"</p> </td> </tr> <tr> <td>scan</td> <td> <p>ກໍານົດວິທີການຫັດລະບາຍທີ່ສະແດງ tv.</p> <p>ຄວາມຕາຍມີ: "progressive" ແລະ "interlace".</p> <p>ຕົວຢ່າງ: media="tv and (scan:interlace)"</p> </td> </tr> <tr> <td>width</td> <td> <p>ກໍານົດວັດຖຸການສະແດງຕົວອອກປ້ອງກັນ.</p> <p>ສາມາດໃຊ້ຄຳເວົ້າ "min-" ແລະ "max-".</p> <p>ຕົວຢ່າງ: media="screen and (min-width:500px)"</p> </td> </tr> </table> </div> <div> <h2>ການສະໜັບສະໜູນຄູ່ມືຖະໜົນ</h2> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>ການສະໜັບສະໜູນ</td> <td>ການສະໜັບສະໜູນ</td> <td>ການສະໜັບສະໜູນ</td> <td>ການສະໜັບສະໜູນ</td> <td>ການສະໜັບສະໜູນ</td> </tr> </table> </div> <div class="backtoreference"> <p><a href="/lo/tags/tag_link.html">HTML <link> ຕາມ</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> ອຸປະກອນອຸປະກອນ </center><h3> <h5 id="tools_reference"><a href="/lo/tags/index.html">ປື້ມອອກມູນ HTML</a></h5> <h5 id="tools_example"><a href="/lo/html/html_examples.html">ຄວາມຈິງ HTML</a></h5> <h5 id="tools_quiz"><a href="/lo/html/html_quiz.html">ການທົດລອງ HTML</a></h5> <h5 id="tools_tutorial"><a href="/lo/html/index.html">ຫຼັກສັດ HTML</a></h5> </div> <div><h3><center> ຫົວໜ້າຜູ້ສະໜັບສະໜູນ </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ສະແນນຂຶ້ນສຳລັບການສຶກສາແລະການທົດລອງພຽງແຕ່ບໍ່ຮັບປະກັນຄວາມຖືກຕ້ອງຂອງຂໍ້ມູນ. ຄວາມສ່ຽງທີ່ເກີດຂຶ້ນຈາກການນຳໃຊ້ຂໍ້ມູນຂອງພວກເຂົາບໍ່ກ່ຽວຂ້ອງກັບພື້ນຖານຂອງພວກເຂົາ. ສິດທິລິຂະສິດທັງໝົດ, ຄວາມຮັບປະກັນທັງໝົດ. </p> <p id="p2"> <a href="/lo/about/index.html" title="ກ່ຽວກັບ CodeW3C.com">ກ່ຽວກັບ CodeW3C.com</a> <a href="/lo/about/about_helping.html" title="ຊ່ວຍເຫຼືອ CodeW3C.com">ຊ່ວຍເຫຼືອ CodeW3C.com</a> <a href="/lo/about/about_use.html" title="ກ່ຽວກັບການນຳໃຊ້">ຂໍ້ກໍານົດການນຳໃຊ້</a> <a href="/lo/about/about_privacy.html" title="ກ່ຽວກັບຄວາມລັບຄວາມລຽບ">ຂໍ້ກໍານົດຄວາມລັບ</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="ດຳເນີນໄປດ້ວຍ Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>