This page is In Progress

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.


Overview Table

DOM Interface


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.