SVGをHTMLに直接埋め込んで描画した場合、現状、ほとんどのブラウザではそのままでは見えないと思う。 Firefoxのバージョン3.6以降だと"HTML5 parser"を有効にするとそのまま見ることができる。 こちらを参考。 その他のブラウザでは、JavaScriptのForce SVGというライブラリを使用して、擬似的に見ることができるようだ。 方法はこのページのソースを参照。
ただし、Force SVGを無効にする方法がよく分からない。 再読み込みすれば無効になるようだ。 また、SVGの要素を空要素タグで記述すると、どうもうまく表示されないようだ。 FirefoxでHTML5 parserを有効にすると、空要素タグでもきちんと表示される。 このやりかたは、ここのサイトを参考にさせてもらった。 Force SVG自体はここ。