mozilla

Revision 427483 of desc

  • Revision slug: Web/SVG/Element/desc
  • Revision title: desc
  • Revision id: 427483
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment SVG/Element/desc Web/SVG/Element/desc

Revision Content

{{ SVGRefElem() }}

Each container element or graphics element in an SVG drawing can supply a desc description string where the description is text-only. When the current SVG document fragment is rendered as SVG on visual media, desc elements are not rendered as part of the graphics. Alternate presentations are possible, both visual and aural, which display the desc element but do not display path elements or other graphics elements. The desc element generally improve accessibility of SVG documents

Usage context

Categories Descriptive element
Permitted content Any elements or character data.
Normative document SVG 1.1 (2nd Edition)

Example

Attributes

Global attributes

Specific attributes

There is no specific attributes

DOM Interface

This element implements the SVGDescElement interface.

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 {{ CompatGeckoDesktop('1.8') }} {{ CompatIE('9.0') }} {{ CompatOpera('8.0') }} {{ CompatSafari('3.0.4') }}
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support {{ CompatAndroid('3.0') }} {{ CompatGeckoMobile('1.8') }} {{ CompatNo() }} {{ CompatVersionUnknown() }} {{ CompatSafari('3.0.4') }}

Remark: There is usually no user interface for this element.

The chart is based on these sources.

See also

  • {{ SVGElement("title") }}

Revision Source

<p>{{ SVGRefElem() }}</p>
<p>Each container element or graphics element in an SVG drawing can supply a <code>desc</code> description string where the description is text-only. When the current SVG document fragment is rendered as SVG on visual media, <code>desc</code> elements are not rendered as part of the graphics. Alternate presentations are possible, both visual and aural, which display the <code>desc</code> element but do not display <code>path</code> elements or other graphics elements. The <code>desc</code> element generally improve accessibility of SVG documents</p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <th scope="row">Categories</th>
      <td>Descriptive element</td>
    </tr>
    <tr>
      <th scope="row">Permitted content</th>
      <td>Any elements or character data.</td>
    </tr>
    <tr>
      <th scope="row">Normative document</th>
      <td><a class="external" href="http://www.w3.org/TR/SVG/struct.html#DescriptionAndTitleElements" title="http://www.w3.org/TR/SVG/struct.html#DescriptionAndTitleElements">SVG 1.1 (2nd Edition)</a></td>
    </tr>
  </tbody>
</table>
<h2 id="Example">Example</h2>
<h2 id="Attributes">Attributes</h2>
<h3 id="Global_attributes">Global attributes</h3>
<ul>
  <li><a href="/en/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Core attributes</a>&nbsp;»</li>
  <li>{{ SVGAttr("class") }}</li>
  <li>{{ SVGAttr("style") }}</li>
</ul>
<h3 id="Specific_attributes">Specific attributes</h3>
<p><em>There is no specific attributes</em></p>
<h2 id="DOM.C2.A0Interface">DOM&nbsp;Interface</h2>
<p>This element implements the <code><a href="/en/DOM/SVGDescElement" title="en/DOM/SVGDescElement">SVGDescElement</a></code> interface.</p>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Feature</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>1.0</td>
        <td>{{ CompatGeckoDesktop('1.8') }}</td>
        <td>{{ CompatIE('9.0') }}</td>
        <td>{{ CompatOpera('8.0') }}</td>
        <td>{{ CompatSafari('3.0.4') }}</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Feature</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE&nbsp;Phone</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>{{ CompatAndroid('3.0') }}</td>
        <td>{{ CompatGeckoMobile('1.8') }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatSafari('3.0.4') }}</td>
      </tr>
    </tbody>
  </table>
</div>
<p><em>Remark:</em> There is usually no user interface for this element.</p>
<p>The chart is based on <a href="/en/SVG/Compatibility_sources" title="en/SVG/Compatibility sources">these sources</a>.</p>
<h2 id="See_also">See also</h2>
<ul>
  <li>{{ SVGElement("title") }}</li>
</ul>
Revert to this revision