SVG document format vs HTML

[DaveC426913]

I could not find a more appropriate sub forum for this.

I always thought SVG was specifically an image format; it seems it is more generally a document format.

So I've been given an SVG page (i.e. there is no SVG element embedded in an HTML page, this SVG page stands on its own and renders nicely in a browser). Like this:

map.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "

http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg11.dtd">

<svg id="main" xmlns="

http://www.w3.org/2000/svg"

xmlns:xlink="

http://www.w3.org/1999/xlink"

xmlns:ev="

http://www.w3.org/2001/xml-events"

version="1.1" baseProfile="full" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 960 568" zoomAndPan="disable" xml:space="preserve" onload="init(evt)" onresize="reset()">
<title id="viewer_title">HTML 5 Demo - SVG Map and Image Viewer</title>
<text font-family="'Trebuchet MS'" font-size="14" font-weight="bold"><tspan x="700" y="0">HTML5 Demo - SVG Zoom Map</tspan></text>
...

My question is:

I wish to fold this in to a larger microsite that already has established styles. It seems this SVG script uses a completely different set of tags such as <text> and <tspan> and does not respond to the tags I've got such as <h1> or even <button> and it doesn't seem to support <link>ing to my external stylesheet.

How do I reconcile this .SVG page with the rest of my .HTML pages?