<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC
    "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
    "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:svg="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
	  xmlns:mathml="http://www.w3.org/1998/Math/MathML">
  <head>
	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8"/>
	<style type="text/css">
	body { width: 80%; margin: auto; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 1.3em; font-size: 0.98em;}
	a { padding-right: 4px; padding-left: 4px; }
	#page { background-color: white; padding-top: 70px; padding-bottom: 10px; }
	#logo_container { border-bottom: 1px solid #4CA048; border-top: 1px solid #4CA048; }
	#footer { border-top: 1px solid #4CA048; border-bottom: 1px solid #4CA048; clear: both; text-align: center; padding: 0.8em; margin-top: 0px; margin-bottom: 70px; font-size: 0.65em; font-family: verdana; }
	#footer a { text-decoration: none;  color: black; }
	#footer a:hover { color: white; background-color: black; }
	#back-to-post { padding-bottom: 3em; text-align: right; }
	#back-to-post .post-name { color: #686868; font-weight: bold;}
	</style>
	<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
<![CDATA[
	_uacct = "UA-924619-2";
	urchinTracker();
]]>
</script>

	<title>SVG embedded inline inside XHTML (In a .php file)</title>
  </head>
  <body>
<div id="page"><div id="logo_container"><a href="http://www.metonymie.com"><img src="http://www.metonymie.com/images/home/metonymie-com.png" id="logo" alt="Metonymie.com Logo" style="border:0px;"/></a></div>
<!-- Content -->
    <h1>SVG embedded inline in XHTML</h1>
<p> A Simple example of an SVG Object</p>
	<svg:svg width="300px" height="200px">
      <svg:circle cx="150px" cy="100px" r="50px" fill="#ff0000" stroke="#000000" stroke-width="5px"/>
    </svg:svg>
<!-- /Content -->

<p id="back-to-post">This is an Example/Project from Blog Post: <a href="http://www.metonymie.com/codewerks/2008/06/21/dom-manipulation-of-svg-embeded-inside-xhtml.html" class="post-name">Dom Manipulation of SVG embeded inside XHTML</a>.</p>

</div>
<div id="footer"><a href="http://validator.w3.org/check?uri=referer">Valid XHTML</a> -  <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a> <br/>
Coded by hand, Proudly - Last revision: 21-06-2008
</div>
</body>
</html>
