いつもお世話になっております。
HTMLにobjectタブを使いSVGファイルを埋め込み・表示させようとしていますが、
表示させることができません。
SVGファイル自体は正しく表示されます。
(ブラウザはIE9 Betaです)
過去にいくつか類似投稿がありましたの参考にしましたが、今一つ分かりません。
以下コードになりますが、記述が誤っている・足りない箇所がありましたら、ご指摘ください。
よろしくお願いします。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"></meta>
</head>
<body>
<div>
<object width="200" height="40" data="sample.svg" type="image/svg+xml">
SVG表示失敗
</object>
</div>
</body>
</html>
No.1ベストアンサー
- 回答日時:
xhtml使うなら文法チェッカー使った方が良いかと思います。
w3 validatorなりanother html lintなり。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div>
<object width="200px" height="40px" data="sample.svg" type="image/svg+xml">
SVG表示失敗
</object>
</div>
</body>
</html>
http://msdn.microsoft.com/en-us/ie/ff468705#_Sca …
一瞬IEで使えるのと思いましたが、使える様ですね。
No.2
- 回答日時:
paramも指定して下さい。
IE7以前なども対応させるなら、classidが必須になります。
<object width="200" height="40" data="sample.svg" type="image/svg+xml"
classid="clsid:377B5106-3B4E-4A2D-8520-8767590CAC86">
<param name="src" value="sample.svg" />
代替表示
</object>
HTML5とXHTMLの区別は付けて置いた方が良いと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- ASP・SaaS FC2 BLOG <AUDIO TAGを入れプレビューはOk テーンプレートを更新すると ✖ 1 2023/08/14 11:40
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- HTML・CSS 疑似要素で背景画像に指定したSVG画像の色変更 2 2023/01/30 22:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<!DOCTYPE html>あってますか?↑
-
POSTしたデータの文字コードがu...
-
Duolingo のソースコードの名前...
-
body内にmetaタグを記述は問題...
-
safariにcssが反映されなくて困...
-
text-decorationを伸ばす方法
-
iframe内の表示を常に最新にしたい
-
safariだけcssが反映されない
-
COLDFUSIONの文字化け
-
日本語が下記のように文字化け...
-
css ,videotタグ。ホームページ...
-
<META>文字コードと入力場所に...
-
html で 変数を定義できますか?
-
文字化けを故意に表示したい
-
WebのPythonでの値の受け渡し
-
HTMLソースにない文字がブラウ...
-
短縮URL作成
-
HTMLファイルのインクルードで...
-
HTML5での http-equiv="refresh...
-
IE操作時、metaタグ自動転送前...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
css ,videotタグ。ホームページ...
-
POSTしたデータの文字コードがu...
-
Duolingo のソースコードの名前...
-
body内にmetaタグを記述は問題...
-
iframe内の表示を常に最新にしたい
-
ページ全体を中央に配置したい...
-
HTML上に貼り付けたPDFが表示さ...
-
HTMLソースにない文字がブラウ...
-
HTMLファイルのインクルードで...
-
Google検索でサイト説明文が文...
-
文字化けを故意に表示したい
-
自分で<head>内をかけない場合...
-
FFFTPでの文字化け
-
根号の書き方について
-
表示時に1回だけリロードさせ...
-
リンクボタンにgifアニメを使え...
-
COLDFUSIONの文字化け
-
HTMLでwebサイトを作ってるので...
-
Content-Typeの大文字
-
borderでa:hover下線表示させる...
おすすめ情報