html - 別のネストされたオブジェクト？

Answer 1

イメージ マップを使用できます。

<a href="blahblah.php">
    <object class="svg" type="image/svg+xml" data="svgimage.svg" >
        <img src="http://dummyimage.com/100/000/fff" type="image/png" usemap="#mapping"/>
    </object>
</a>
<map name="mapping">
    <area shape="rect" coords="0,0,100,100" href="bloblob.php" />
</map>

これは意図したとおりに機能します。

ここにも示されているように: http://jsfiddle.net/xr3gT/

Answer 2

 $('object').click(function () {
    window.location.href = 'whatever url you want';
    return false;
 });

また

 $('object').click(function (e) {
    e.preventDefault();
    window.location.href = 'whatever url you want';
 });

両方とも動作するはずです

Answer 3

これはうまくいくはずです。いくつかのJavaScriptがありますが、それほど多くはありません。jQuery やその他のライブラリは必要ありません。

<a href="blahblah.php">
    <object class="svg" type="image/svg+xml" data="svgimage.svg" onclick="return false; window.location.href='http://example.com'" >
        <img src="pngimage.png" type="image/png" onclick="window.location.href='http://example.com/differentlocation'; return false;" />
    </object>
</a>