 |
〜きまぐれ ぷろぐらま語録〜 |
| ← | 2024年11月 | → | |||||
| 日 | 月 | 火 | 水 | 木 | 金 | 土 | |
| 1 | 2 | ||||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 | |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 | |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 | |
| 24 |
|
26 | 27 | 28 | 29 | 30 | |
| 最近の記事 |
| Blog移転
|
| 広告欄 |
| Blogを移転させました。 新Blogは次のURLです。 →https://kerokero.org/wp/ |
| XHTML1.1Validでiframeを使いたい |
| 先日、２００９年の九州・広島旅行記(書きかけ)をアップした。 しかし、 GoogleMAPを埋め込んだのは良いが、 IEではうまく表示されていなかった。 原因は、XHTML1.1とIEの組み合わせの問題。 件のページはXHTML1.1にValidなページとして、 書いていたのだけど、 GoogleMAPを埋め込む際に問題があった。 それは、GoogleMAPの埋め込みコードで使用しているiFRAMEタグは、 XHTML1.1から廃止になっている点である。 廃止と行っても、代替として、 <object type="text/html" data="〜">Object非対応時のメッセージ</object> とすることで、iframeと同等の機能が実現できるため、 そちらに移行すれば問題がないはずである。 しかし、IEの場合には、どうやら、 「Objectタグで外部サイトのデータを読み出すことは出来ない」 という制約があるようである。 そのため、XHTML1.1Validな件のページでは GoogleMAPが表示できない状態になっていたのが原因。 んじゃあ、どうすればいいかというと、 いろいろと解決方法はある。 ・HTML1.0TraditionalやHTML4.01等にする。 ・JavaScriptでIEならばIFRAMEに書き換える。 ・IEの独自拡張を使う。 など。 というわけで、今回は、最後のIEの独自拡張を使用することにした。 IEには条件分岐コメントなる、 こんな書式である、 <!--[if IE]>IEの場合に表示される内容<![endif]-->こうすることで、一般的なブラウザでは<!-- 〜 -->はコメントとして扱われ、 IEだと、この部分が表示されることになる。 逆に、IE以外への対応としては <!--[if !IE]> -->IE以外はこれが表示される。<!-- <![endif]-->とすればよい。 これを駆使することで、このページ群は XHTML1.1Validで、GoogleMAPを埋め込むことが出来たのでした。 ※ので、記述例は、このページのソースをご覧ください。 IEのこの、外部サイトのデータを Objectから読み出せないという仕様は、 気持ちは痛いほど分かるけど不便。 こうなっている理由も察しは付くので、 IEが対応してくれそうもないので、気持ち悪いけど、 この対応でしばらく行くしかなさそう？ |
■コメント
■コメントを書く
※コメントの受け付けは終了しました| 最新のつぶやき |
| サイト内検索 |
カスタム検索
|
| 旅行関係の記事等 |
|
九州・広島旅行記 2009(かみちゅ！) 大阪出張(KANON) 大阪出張(ハルヒ) 三宅島旅行記'05 三宅島旅行記'08 三宅島旅行記'10 伊豆半島小旅行 |
| 最近のコメント |
| 最近のトラックバック |
| IPv4枯渇時計 |
| 携帯で読む |
| URLを携帯に送る |
![[Valid RSS]](/blog/valid-rss.png "Validate my RSS feed")