2008.04.13
iframe要素をobject要素に置き換える
XHTML 1.0 Strictではiframe要素は「非推奨要素・属性」とされていてValidになりません。
しかもGoogle my mapでは貼付け用のコードはiframe要素を使用して提供されています。
<iframe src="http://表示するサイトのhtml" title="参照ページ"width="300" height="300">参照ページ</iframe>
これをobject要素を使用して表示する場合は
<object data="http://表示するサイトのhtml" width="300" height="200">参照ページ</object>
のようにします。
なお、このページでは画像周囲に囲みの線をつけるためにstyle.css に以下の様に「object1」というクラスセレクタを記述し
/* おぶじぇくと*/
.object1 {
border: solid 1px #808080;/*おぶじぇくとに囲み罫を付ける。*/
}
.object1 {
border: solid 1px #808080;/*おぶじぇくとに囲み罫を付ける。*/
}
HTMLでは以下のように記述しています。
<object class="object1" data="http://ja.wapedia.mobi" type="text/html" width="180" height="300">Wapedia</object>
携帯用のサイトにWapedia（ワペディア）というモバイル版のサイトがありますがこれをobject要素を使用して表示してみます。
Google my mapを貼付ける場合は背景が白と言う事は無いのでこのobject1」というクラスセレクタは使用していません。
参考：非推奨要素の代替方法（2）
参考：様々な形式のデータを埋め込む
参考：MIMEタイプ
