HTML <area> alt 属性

جدول درس

Reference Manual

HTML تاگ‌ها

-

</a></li> <li><a href="/ha/tags/tag_img.html" title="HTML <img> ƙadda"><img></a></li> <li><a href="/ha/tags/tag_input.html" title="HTML <input> ƙadda"><input></a></li> <li><a href="/ha/tags/tag_ins.html" title="HTML <ins> ƙadda"><ins></a></li> <li><a href="/ha/tags/tag_kbd.html" title="HTML <kbd> ƙadda"><kbd></a></li> <li><a href="/ha/tags/tag_label.html" title="HTML <label> ƙadda"><label></a></li> <li><a href="/ha/tags/tag_legend.html" title="HTML <legend> ƙadda"><legend></a></li> <li><a href="/ha/tags/tag_li.html" title="HTML <li> ƙadda"><li></a></li> <li><a href="/ha/tags/tag_link.html" title="HTML <link> ƙadda"><link></a></li> <li><a href="/ha/tags/tag_main.html" title="HTML <main> ƙadda"><main></a></li> <li><a href="/ha/tags/tag_map.html" title="HTML <map> ƙadda"><map></a></li> <li><a href="/ha/tags/tag_mark.html" title="HTML <mark> ƙadda"><mark></a></li> <li><a href="/ha/tags/tag_menu.html" title="HTML <menu> ƙadda"><menu></a></li> <li><a href="/ha/tags/tag_meta.html" title="HTML <meta> ƙadda"><meta></a></li> <li><a href="/ha/tags/tag_meter.html" title="HTML <meter> ƙadda"><meter></a></li> <li><a href="/ha/tags/tag_nav.html" title="HTML <nav> ƙadda"><nav></a></li> <li><a href="/ha/tags/tag_noframes.html" title="HTML <noframes> ƙadda"><noframes></a></li> <li><a href="/ha/tags/tag_noscript.html" title="HTML <noscript> ƙadda"><noscript></a></li> <li><a href="/ha/tags/tag_object.html" title="HTML <object> ƙadda"><object></a></li> <li><a href="/ha/tags/tag_ol.html" title="HTML <ol> ƙadda"><ol></a></li> <li><a href="/ha/tags/tag_optgroup.html" title="HTML <optgroup> ƙadda"><optgroup></a></li> <li><a href="/ha/tags/tag_option.html" title="HTML <option> ƙadda"><option></a></li> <li><a href="/ha/tags/tag_output.html" title="HTML <output> ƙadda"><output></a></li> <li><a href="/ha/tags/tag_p.html" title="HTML <p> ƙadda"><p></a></li> <li><a href="/ha/tags/tag_param.html" title="HTML <param> ƙadda"><param></a></li> <li><a href="/ha/tags/tag_picture.html" title="HTML <picture> ƙadda"><picture></a></li> <li><a href="/ha/tags/tag_pre.html" title="HTML <pre> ƙadda"><pre></a></li> <li><a href="/ha/tags/tag_progress.html" title="HTML <progress> ƙadda"><progress></a></li> <li><a href="/ha/tags/tag_q.html" title="HTML <q> ƙadda"><q></a></li> <li><a href="/ha/tags/tag_rp.html" title="HTML <rp> ƙadda"><rp></a></li> <li><a href="/ha/tags/tag_rt.html" title="HTML <rt> ƙadda"><rt></a></li> <li><a href="/ha/tags/tag_ruby.html" title="HTML <ruby> ƙadda"><ruby></a></li> <li><a href="/ha/tags/tag_s.html" title="HTML <s> ƙadda"><s></a></li> <li><a href="/ha/tags/tag_samp.html" title="HTML <samp> ƙadda"><samp></a></li> <li><a href="/ha/tags/tag_script.html" title="HTML <script> ƙadda"><script></a></li> <li><a href="/ha/tags/tag_search.html" title="HTML <search> ƙadda"><search></a></li> <li><a href="/ha/tags/tag_section.html" title="HTML <section> ƙadda"><section></a></li> <li><a href="/ha/tags/tag_select.html" title="HTML <select> ƙadda"><select></a></li> <li><a href="/ha/tags/tag_small.html" title="HTML <small> ƙadda"><small></a></li> <li><a href="/ha/tags/tag_source.html" title="HTML <source> ƙadda"><source></a></li> <li><a href="/ha/tags/tag_span.html" title="HTML <span> ƙadda"><span></a></li> <li><a href="/ha/tags/tag_strike.html" title="HTML <strike> ƙadda"><strike></a></li> <li><a href="/ha/tags/tag_strong.html" title="HTML <strong> ƙadda"><strong></a></li> <li><a href="/ha/tags/tag_style.html" title="HTML <style> ƙadda"><style></a></li> <li><a href="/ha/tags/tag_sub.html" title="HTML <sub> ɗaɗi"><sub></a></li> <li><a href="/ha/tags/tag_summary.html" title="HTML <summary> ɗaɗi"><summary></a></li> <li><a href="/ha/tags/tag_sup.html" title="HTML <sup> ɗaɗi"><sup></a></li> <li><a href="/ha/tags/tag_svg.html" title="HTML <svg> ɗaɗi"><svg></a></li> <li><a href="/ha/tags/tag_table.html" title="HTML <table> ɗaɗi"><table></a></li> <li><a href="/ha/tags/tag_tbody.html" title="HTML <tbody> ɗaɗi"><tbody></a></li> <li><a href="/ha/tags/tag_td.html" title="HTML <td> ɗaɗi"><td></a></li> <li><a href="/ha/tags/tag_template.html" title="HTML <template> ɗaɗi"><template></a></li> <li><a href="/ha/tags/tag_textarea.html" title="HTML <textarea> ɗaɗi"><textarea></a></li> <li><a href="/ha/tags/tag_tfoot.html" title="HTML <tfoot> ɗaɗi"><tfoot></a></li> <li><a href="/ha/tags/tag_th.html" title="HTML <th> ɗaɗi"><th></a></li> <li><a href="/ha/tags/tag_thead.html" title="HTML <thead> ɗaɗi"><thead></a></li> <li><a href="/ha/tags/tag_time.html" title="HTML <time> ɗaɗi"><time></a></li> <li><a href="/ha/tags/tag_title.html" title="HTML <title> ɗaɗi"><title></a></li> <li><a href="/ha/tags/tag_tr.html" title="HTML <tr> ɗaɗi"><tr></a></li> <li><a href="/ha/tags/tag_track.html" title="HTML <track> ɗaɗi"><track></a></li> <li><a href="/ha/tags/tag_tt.html" title="HTML <tt> ɗaɗi"><tt></a></li> <li><a href="/ha/tags/tag_u.html" title="HTML <u> ɗaɗi"><u></a></li> <li><a href="/ha/tags/tag_ul.html" title="HTML <ul> ɗaɗi"><ul></a></li> <li><a href="/ha/tags/tag_var.html" title="HTML <var> ɗaɗi"><var></a></li> <li><a href="/ha/tags/tag_video.html" title="HTML <video> ɗaɗi"><video></a></li> <li><a href="/ha/tags/tag_wbr.html" title="HTML <wbr> ɗaɗi"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ha/howto/index.html" title="CodeW3C.com ɗaɗi">CodeW3C.com ɗaɗi</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> alt 属性</h1> <div class="backtoreference"> <p><a href="/ha/tags/tag_a.html">HTML <a> Tag</a></p> </div> <div> <h2>定义和用法</h2> <p><code>alt</code> 属性规定区域的替代文本，如果无法显示图像。</p> <p>如果用户由于某种原因无法查看图像（由于连接速度慢、src 属性错误或用户使用屏幕阅读器），<code>alt</code> 属性为图像提供替代信息。</p> <p>如果存在 <a href="/ha/tags/att_area_href.html" title="HTML <area> href ɗaɗi">href 属性</a>，则必须使用 <code>alt</code> 属性。</p> <p class="tip"><span>提示：</span>我们强烈推荐您在文档的每个图像中都使用这个属性。这样即使图像无法显示，用户还是可以看到关于丢失了什么东西的一些信息。而且对于残障人士来说，<code>alt</code> 属性通常是他们了解图像内容的唯一方式。</p> </div> <div> <h2>实例</h2> <p>使用 alt 属性为图像映射中的每个区域规定替代文本：</p> <pre class="language-html"> <map name="planetmap"> <area shape="rect" coords="0,0,114,576" href="sun.html" alt="Sun"> <area shape="circle" coords="190,230,5" href="mercury.html" alt="Mercury"> <area shape="circle" coords="228,230,5" href="venus.html" alt="Venus"> </map> </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=tag_area_alt">亲自试一试</a></p> </div> <div> <h2>语法</h2> <pre class="language-html"> <area alt="<i>text</i>"> </pre> <h3>属性值</h3> <table class="dataintable"> <tr> <th style="width: 20%;">值</th> <th>描述</th> </tr> <tr> <td><i>text</i></td> <td>规定区域的替代文本，如果图像无法显示。</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="/ha/tags/tag_a.html">HTML <a> Tag</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="/ha/tags/index.html">HTML 参考手册</a></h5> <h5 id="tools_example"><a href="/ha/html/html_examples.html">HTML 实例</a></h5> <h5 id="tools_quiz"><a href="/ha/html/html_quiz.html">HTML 测验</a></h5> <h5 id="tools_tutorial"><a href="/ha/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="/ha/about/index.html" title="Bout CodeW3C.com">Bout CodeW3C.com</a> <a href="/ha/about/about_helping.html" title="Bantin CodeW3C.com">Bantin CodeW3C.com</a> <a href="/ha/about/about_use.html" title="Bout lati a gina">Kwarin lati a gina</a> <a href="/ha/about/about_privacy.html" title="Bout ɗimma">Kwarin ɗimma</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="Rantici ne Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>