< svg‎ | elements
Jump to: navigation, search


This article is In Progress.

Needs Summary: This article does not have a summary. Summaries give a brief overview of the topic and are automatically included on some listing pages that link to this article.

Overview Table

DOM Interface SVGElement


The following code example demonstrates how you can include metadata in an SVG document. This example uses the Dublin Core version 1.1 schema. (You can also use other XML-compatible metadata languages, including ones that are not based on RDF.)

<?xml version="1.0" standalone="yes"?>
<svg width="4in" height="3in" version="1.1"
    xmlns = ''>
    <desc xmlns:myfoo="">
      <myfoo:title>This is a financial report</myfoo:title>
      <myfoo:descr>The global description uses markup from the
        <myfoo:emph>myfoo</myfoo:emph> namespace.</myfoo:descr>
      <myfoo:scene><myfoo:what>widget $growth</myfoo:what>
      <myfoo:contains>$three $graph-bar</myfoo:contains>
        <myfoo:when>1998 $through 2000</myfoo:when> </myfoo:scene>
           xmlns:rdf = ""
           xmlns:rdfs = ""
           xmlns:dc = "" >
        <rdf:Description about=""
             dc:title="MyFoo Financial Report"
             dc:description="$three $bar $thousands $dollars $from 1998 $through 2000"
             dc:publisher="Example Organization"
             dc:language="en" >
              <rdf:li>Irving Bird</rdf:li>
              <rdf:li>Mary Lambert</rdf:li>



Note: In addition to the attributes, properties, events, methods, and styles listed above, SVG elements also inherent core HTML attributes, properties, events, methods, and styles.

You should specify metadata, which you can include with SVG content, within metadata elements. The contents of a metadata element should be children elements from other XML namespaces that are expressed in a manner that conforms with the Namespaces in XML Recommendation.

You should provide a metadata child element to the outermost svg element within a stand-alone SVG document. The metadata child element to an svg element identifies document-level metadata.

Note: We recommend that you add at most one metadata element as a child of any particular element, and that this element appear before any other child elements (except possibly desc or title elements) or character data content.

Standards information


The SVGMetadataElement object has these events:

  • onload: Occurs when the browser has fully parsed the element and all of its descendants.

The SVGMetadataElement object has these properties:

  • focusable: Determines if an element can acquire keyboard focus (that is, receive keyboard events) and be a target for field-to-field navigation actions (such as when a user presses the Tab key).
  • ownerSVGElement: Gets the nearest ancestor svg element.
  • viewportElement: Gets the element that established the current viewport.
  • xmlbase: Gets or sets the base attribute on the element.


This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]