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="300">参照ページ</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要素を使用して表示してみます。
参考：非推奨要素の代替方法（2）
参考：様々な形式のデータを埋め込む
参考：MIMEタイプ
[...] ン・ボイルのぺーじの貼付けデータは公開されていません、そんな時には「iframe 要素をobject要素に置き換える」で書いたようにサイト自体をobjectとして張込んでしまえばいいのですね！ [...]
Posted at 2010.05.28 12:15 AM by スーザン・ボイル - - 身延の風
[...] 「iframe要素をobject要素に置き換える」にならって書き直してみる事にしました。 [...]
Posted at 2008.09.3 7:11 PM by Amazon アソシエイトをValidにする - : 身延の風