SVG 文件可通过以下标签嵌入 HTML 文档：、 或者 。</strong></p> </div> <div> <h2>HTML 页面中的 SVG</h2> <p>下面，你会看到三种把 SVG 文件嵌入 HTML 页面的不同方法。</p> </div> <div> <h2>使用 <embed> 标签</h2> <p><embed> 标签被所有主流的浏览器支持，并允许使用脚本。</p> <p class="note"><span>注释：</span>当在 HTML 页面中嵌入 SVG 时使用 <embed> 标签是 Adobe SVG Viewer 推荐的方法！然而，如果需要创建合法的 XHTML，就不能使用 <embed>。任何 HTML 规范中都没有 <embed> 标签。</p> <h3>Makadara:</h3> <pre><embed src="rect.svg" width="300" height="100" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /></pre> <p class="note"><span>注释：</span>pluginspage 属性指向下载插件的 URL。</p> </div> <div> <h2>使用 <object> 标签</h2> <p><object> 标签是 HTML 4 的标准标签，被所有较新的浏览器支持。它的缺点是不允许使用脚本。</p> <p class="note"><span>注释：</span>假如您安装了最新版本的 Adobe SVG Viewer，那么当使用 <object> 标签时 SVG 文件无法工作（至少不能在 IE 中工作）！</p> <h3>Makadara:</h3> <pre><object data="rect.svg" width="300" height="100" type="image/svg+xml" codebase="http://www.adobe.com/svg/viewer/install/" /></pre> <p class="note"><span>注释：</span>codebase 属性指向下载插件的 URL。</p> </div> <div> <h2>使用 <iframe> 标签</h2> <p><iframe> 标签可工作在大部分的浏览器中。</p> <h3>Makadara:</h3> <pre><iframe src="rect.svg" width="300" height="100"> </iframe></pre> </div> <div> <h2>Ninaonesha....</h2> <p>Kama inafikia kwamba inaweza kuongeza elementi za SVG kwa kusoma eneo la kifungu cha SVG kwa kusoma kifungu cha HTML, kuna kina zaidi, kama hii:</p> <pre><html xmlns:svg="http://www.w3.org/2000/svg"> <body> <p>This is an HTML paragraph</p> <svg:svg width="300" height="100" version="1.1" > <svg:circle cx="100" cy="50" r="40" stroke="black"> stroke-width="2" fill="red" /> </svg:svg> </body> </html></pre> </div> <div id="bpn"> <ul> <li> Kwanza <a href="/sw/svg/svg_example.html" title="Mfano wa SVG">Mfano wa SVG</a></li> <li> Pya <a href="/sw/svg/svg_rect.html" title="SVG <rect>">SVG kifungu cha kifungu</a></li> </ul> </div> <div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kifungu cha Vifaa </center><h3> <h5 id="tools_reference"><a href="/sw/svg/svg_reference.html">Kitabu cha Mafunzo cha SVG</a></h5> <h5 id="tools_example"><a href="/sw/svg/svg_examples.html">Mfano wa SVG</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"> Matokeo ya CodeW3C.com inatumiwa kwa mafunzo na michezo, hatujaguarisha kweli ya matokeo. Risiko ambayo linaingia kwa matumizi ya mtaani hii bila ya kusikitisha. Hata hazina hisia zote. Hata hazina hisia zote. </p> <p id="p2"> <a href="/sw/about/about_use.html" title="Kuhusu Matumizi">Mshahara wa Matumizi</a> <a href="/sw/about/about_privacy.html" title="Kuhusu Hafu ya Kina">Mshahara wa Hafu ya Kina</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="Inaruka na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>