Muandiko wa CodeW3C Online
Muandiko wa HTML wa Sera
Skripta ya Kifungu
Skripta ya Mfukuzi wa Mfumo
Muandiko wa Programming
Muandiko wa XML wa Sera
Mshauri wa Kujenga Tovuti
Mshauri wa Mafunzo
Jadili ya Kufikia
Mshauri wa Mafunzo
Mifungo ya HTML (Ukusaidia kwa herufi)
Mifungo ya HTML (Ukusaidia kwa uwanja wa mashabiki)
Mwongozo wa Kifungu cha Vingine
Mafunzo wa Jumla ya Kifungo cha HTML
Matukio ya HTML
Mafunzo wa Jina la Rangi la HTML
Canvas ya HTML
Video/ Audio ya HTML
Mafunzo wacharset wa HTML
Jadili ya Wendo ya HTML
URL wa HTML
Kodini ya Lugha ya HTML
Kodini ya Dola ya HTML
Inarifu ya HTTP
Method ya HTTP
键盘快捷键
HTML Teguki
<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
-
</a></li> <li><a href="/sw/tags/tag_img.html" title="Tabeli ya HTML <img>"><img></a></li> <li><a href="/sw/tags/tag_input.html" title="Tabeli ya HTML <input>"><input></a></li> <li><a href="/sw/tags/tag_ins.html" title="Tabeli ya HTML <ins>"><ins></a></li> <li><a href="/sw/tags/tag_kbd.html" title="Tabeli ya HTML <kbd>"><kbd></a></li> <li><a href="/sw/tags/tag_label.html" title="Tabeli ya HTML <label>"><label></a></li> <li><a href="/sw/tags/tag_legend.html" title="Tabeli ya HTML <legend>"><legend></a></li> <li><a href="/sw/tags/tag_li.html" title="Tabeli ya HTML <li>"><li></a></li> <li><a href="/sw/tags/tag_link.html" title="Tabeli ya HTML <link>"><link></a></li> <li><a href="/sw/tags/tag_main.html" title="Tabeli ya HTML <main>"><main></a></li> <li><a href="/sw/tags/tag_map.html" title="Tabeli ya HTML <map>"><map></a></li> <li><a href="/sw/tags/tag_mark.html" title="Tabeli ya HTML <mark>"><mark></a></li> <li><a href="/sw/tags/tag_menu.html" title="Tabeli ya HTML <menu>"><menu></a></li> <li><a href="/sw/tags/tag_meta.html" title="Tabeli ya HTML <meta>"><meta></a></li> <li><a href="/sw/tags/tag_meter.html" title="Tabeli ya HTML <meter>"><meter></a></li> <li><a href="/sw/tags/tag_nav.html" title="Tabeli ya HTML <nav>"><nav></a></li> <li><a href="/sw/tags/tag_noframes.html" title="Tabeli ya HTML <noframes>"><noframes></a></li> <li><a href="/sw/tags/tag_noscript.html" title="Tabeli ya HTML <noscript>"><noscript></a></li> <li><a href="/sw/tags/tag_object.html" title="Tabeli ya HTML <object>"><object></a></li> <li><a href="/sw/tags/tag_ol.html" title="Tabeli ya HTML <ol>"><ol></a></li> <li><a href="/sw/tags/tag_optgroup.html" title="Tabeli ya HTML <optgroup>"><optgroup></a></li> <li><a href="/sw/tags/tag_option.html" title="Tabeli ya HTML <option>"><option></a></li> <li><a href="/sw/tags/tag_output.html" title="Tabeli ya HTML <output>"><output></a></li> <li><a href="/sw/tags/tag_p.html" title="Tabeli ya HTML <p>"><p></a></li> <li><a href="/sw/tags/tag_param.html" title="Tabeli ya HTML <param>"><param></a></li> <li><a href="/sw/tags/tag_picture.html" title="Tabeli ya HTML <picture>"><picture></a></li> <li><a href="/sw/tags/tag_pre.html" title="Tabeli ya HTML <pre>"><pre></a></li> <li><a href="/sw/tags/tag_progress.html" title="Tabeli ya HTML <progress>"><progress></a></li> <li><a href="/sw/tags/tag_q.html" title="Tabeli ya HTML <q>"><q></a></li> <li><a href="/sw/tags/tag_rp.html" title="Tabeli ya HTML <rp>"><rp></a></li> <li><a href="/sw/tags/tag_rt.html" title="Tabeli ya HTML <rt>"><rt></a></li> <li><a href="/sw/tags/tag_ruby.html" title="Tabeli ya HTML <ruby>"><ruby></a></li> <li><a href="/sw/tags/tag_s.html" title="Tabeli ya HTML <s>"><s></a></li> <li><a href="/sw/tags/tag_samp.html" title="Tabeli ya HTML <samp>"><samp></a></li> <li><a href="/sw/tags/tag_script.html" title="Tabeli ya HTML <script>"><script></a></li> <li><a href="/sw/tags/tag_search.html" title="Tabeli ya HTML <search>"><search></a></li> <li><a href="/sw/tags/tag_section.html" title="Tabeli ya HTML <section>"><section></a></li> <li><a href="/sw/tags/tag_select.html" title="Tabeli ya HTML <select>"><select></a></li> <li><a href="/sw/tags/tag_small.html" title="Tabeli ya HTML <small>"><small></a></li> <li><a href="/sw/tags/tag_source.html" title="Tabeli ya HTML <source>"><source></a></li> <li><a href="/sw/tags/tag_span.html" title="Tabeli ya HTML <span>"><span></a></li> <li><a href="/sw/tags/tag_strike.html" title="Tabeli ya HTML <strike>"><strike></a></li> <li><a href="/sw/tags/tag_strong.html" title="Tabeli ya HTML <strong>"><strong></a></li> <li><a href="/sw/tags/tag_style.html" title="Tabeli ya HTML <style>"><style></a></li> <li><a href="/sw/tags/tag_sub.html" title="HTML <sub> mpangilio"><sub></a></li> <li><a href="/sw/tags/tag_summary.html" title="HTML <summary> mpangilio"><summary></a></li> <li><a href="/sw/tags/tag_sup.html" title="HTML <sup> mpangilio"><sup></a></li> <li><a href="/sw/tags/tag_svg.html" title="HTML <svg> mpangilio"><svg></a></li> <li><a href="/sw/tags/tag_table.html" title="HTML <table> mpangilio"><table></a></li> <li><a href="/sw/tags/tag_tbody.html" title="HTML <tbody> mpangilio"><tbody></a></li> <li><a href="/sw/tags/tag_td.html" title="HTML <td> mpangilio"><td></a></li> <li><a href="/sw/tags/tag_template.html" title="HTML <template> mpangilio"><template></a></li> <li><a href="/sw/tags/tag_textarea.html" title="HTML <textarea> mpangilio"><textarea></a></li> <li><a href="/sw/tags/tag_tfoot.html" title="HTML <tfoot> mpangilio"><tfoot></a></li> <li><a href="/sw/tags/tag_th.html" title="HTML <th> mpangilio"><th></a></li> <li><a href="/sw/tags/tag_thead.html" title="HTML <thead> mpangilio"><thead></a></li> <li><a href="/sw/tags/tag_time.html" title="HTML <time> mpangilio"><time></a></li> <li><a href="/sw/tags/tag_title.html" title="HTML <title> mpangilio"><title></a></li> <li><a href="/sw/tags/tag_tr.html" title="HTML <tr> mpangilio"><tr></a></li> <li><a href="/sw/tags/tag_track.html" title="HTML <track> mpangilio"><track></a></li> <li><a href="/sw/tags/tag_tt.html" title="HTML <tt> mpangilio"><tt></a></li> <li><a href="/sw/tags/tag_u.html" title="HTML <u> mpangilio"><u></a></li> <li><a href="/sw/tags/tag_ul.html" title="HTML <ul> mpangilio"><ul></a></li> <li><a href="/sw/tags/tag_var.html" title="HTML <var> mpangilio"><var></a></li> <li><a href="/sw/tags/tag_video.html" title="HTML <video> mpangilio"><video></a></li> <li><a href="/sw/tags/tag_wbr.html" title="HTML <wbr> mpangilio"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="CodeW3C.com vipindi vya kizazi">CodeW3C.com vipindi vya kizazi</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 <area> media 属性</h1> <div class="backtoreference"> <p><a href="/sw/tags/tag_a.html">HTML <a> 标签</a></p> </div> <div> <h2>定义和用法</h2> <p><code>media</code> 属性规定被链接文档针对哪种媒体或设备进行了优化。</p> <p>此属性用于规定目标 URL 是为特殊设备（如 iPhone）、语音或印刷媒体设计的。</p> <p>该属性可以接受多个值。</p> <p>仅在存在 <a href="/sw/tags/att_area_href.html" title="HTML <area> href mpangilio">href 属性</a> 时使用。</p> <p class="important"><span>Uwenzaji:</span>Hii matumizi ni pekee inayotumika kwa ajili ya mazidi.</p> </div> <div> <h2>Mifano</h2> <p>Tumia media kwa kuzingatia URL ya kituo cha media/kituo:</p> <pre class="language-html"> <map name="planetmap"> <area shape="rect" coords="0,0,114,576" alt="Soleliya" href="sun.html" media="screen and (min-color-index:256)"> </map> </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=tag_area_media">亲自试一试</a></p> </div> <div> <h2>语法</h2> <pre class="language-html"> <area media="<i>value</i>"> </pre> <h3>可能的运算符</h3> <table class="dataintable"> <tr> <th style="width:30%">运算符</th> <th>Maelezo</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%">Wazitoa</th> <th>Maelezo</th> </tr> <tr> <td>all</td> <td>默认。适合所有设备。</td> </tr> <tr> <td>aural</td> <td>语音合成器。</td> </tr> <tr> <td>braille</td> <td>盲文反馈装置。</td> </tr> <tr> <td>handheld</td> <td>手持设备（小屏幕、有限的带宽）。</td> </tr> <tr> <td>projection</td> <td>投影机。</td> </tr> <tr> <td>print</td> <td>打印预览模式/打印页面。</td> </tr> <tr> <td>screen</td> <td>计算机屏幕。</td> </tr> <tr> <td>tty</td> <td>电传打字机以及使用等宽字符网格的类似媒介。</td> </tr> <tr> <td>tv</td> <td>Vifaa vya televisheni (muungano wa hasira, uwezo wa upelekezo wa paje wa kikomo).</td> </tr> </table> <h3>Wazitoa</h3> <table class="dataintable"> <tr> <th style="width:30%">Wazitoa</th> <th>Maelezo</th> </tr> <tr> <td>width</td> <td> <p>Inauza kifungu cha kifungu cha mtandao cha kifungu cha kifungu cha mtandao/kipapuro.</p> <p>Inafaa kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (min-width:500px)"</p> </td> </tr> <tr> <td>height</td> <td> <p>Inauza kifungu cha kifungu cha mtandao cha kifungu cha kifungu cha mtandao/kipapuro.</p> <p>Inafaa kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (max-height:700px)"</p> </td> </tr> <tr> <td>device-width</td> <td> <p>Inauza kifungu cha kifungu cha mtandao/kipapuro.</p> <p>Inafaa kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (device-width:500px)"</p> </td> </tr> <tr> <td>device-height</td> <td> <p>Inauza kifungu cha kifungu cha mtandao/kipapuro.</p> <p>Inafaa kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (device-height:500px)"</p> </td> </tr> <tr> <td>orientation</td> <td> <p>Inauza kifungu cha kifungu cha mtandao/kipapuro cha kifungu cha kifungu cha mtandao/kipapuro.</p> <p>Mifano: "portrait" au "landscape"</p> <p>Mfano: media="all and (orientation: landscape)"</p> </td> </tr> <tr> <td>aspect-ratio</td> <td> <p>Inauza kifungu cha kifungu cha mtandao cha kifungu cha kifungu cha mtandao/kipapuro.</p> <p>Inafaa kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (aspect-ratio:16/9)"</p> </td> </tr> <tr> <td>device-aspect-ratio</td> <td> <p>Inauza kifungu cha kifungu cha mtandao/kipapuro cha device-width/device-height.</p> <p>Inafaa kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (aspect-ratio:16/9)"</p> </td> </tr> <tr> <td>color</td> <td> <p>Inauza inaonyesha ya rangi za kifungu cha kifungu cha mtandao.</p> <p>Inafaa kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (color:3)"</p> </td> </tr> <tr> <td>color-index</td> <td> <p>Inauza inaonyesha ya rangi inayoweza kuchukua na kufanya kwa kifungu cha kifungu cha mtandao.</p> <p>Inafaa kutumia mpangilio wa "min-" na "max-".</p> <p>Mfano: media="screen and (min-color-index:256)"</p> </td> </tr> <tr> <td>kichwa cha rangi moja</td> <td> <p>Inaingia kiwango cha biti kwa kila mabomu katika kifungu ya kichwa wa rangi moja.</p> <p>Inafaa kutumia mpangilio wa "min-" na "max-".</p> <p>Mifano: media="screen and (monochrome:2)"</p> </td> </tr> <tr> <td>kiwango</td> <td> <p>Inaingia uwezo wa kifaa cha kuzichapisha kwenye kifungu/kitamu (dpi au dpcm).</p> <p>Inafaa kutumia mpangilio wa "min-" na "max-".</p> <p>Mifano: media="print and (resolution:300dpi)"</p> </td> </tr> <tr> <td>kuzingatia</td> <td> <p>Inaingia mtu wa kifungu cha kuzingatia kifungu cha TV.</p> <p>Mivyo yanaonekana ni: "progressive" na "interlace".</p> <p>Mifano: media="tv and (scan:interlace)"</p> </td> </tr> <tr> <td>kifungu</td> <td> <p>Inaingia kiwango cha kuzingatia kifaa cha kuzichapisha kama kifungu au picha ya mbegu.</p> <p>Mivyo yanaonekana: "1" inamaanisha kifungu, "0" ni mengine.</p> <p>Mifano: media="handheld and (grid:1)"</p> </td> </tr> </table> </div> <div> <h2>Msaada wa kiburi</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>Msaada</td> <td>Msaada</td> <td>Msaada</td> <td>Msaada</td> <td>Msaada</td> </tr> </table> </div> <div class="backtoreference"> <p><a href="/sw/tags/tag_a.html">HTML <a> 标签</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kifaa cha kifaa </center><h3> <h5 id="tools_reference"><a href="/sw/tags/index.html">Kitabu cha kuhusu HTML</a></h5> <h5 id="tools_example"><a href="/sw/html/html_examples.html">Mifano ya HTML</a></h5> <h5 id="tools_quiz"><a href="/sw/html/html_quiz.html">Michezo ya HTML</a></h5> <h5 id="tools_tutorial"><a href="/sw/html/index.html">Mafunzo ya HTML</a></h5> </div> <div><h3><center> Vituo vya msaada </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Viyombo vya CodeW3C.com vilitumika kwa mafunzo na michezo, hayahatarishwa kwa kawaida ya maudhui. Mabaya ya kusababisha na kutumia zawadi hii hayafikii mtokeo hii. Hisia ya haki za maombi, inahifadhi haki zote. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Msaada CodeW3C.com">Msaada CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Mabaya ya kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu siri">Mabaya ya siri</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="Inaruhusi na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>