SlideShare の発行タグを XHTML 1.0 に最適化
【注意】
本投稿記事は、Firefox では機能することが解っていますが、どうやら Opera、Internet Explorer ではコードとしては正しいようですが、結果としてスライドが正しく表示されない可能性があるそうです。大変申し訳ありませんが、万能では無いようですので注意が必要です!
自分で作成したスライド(登録されたスライドは何でも公開できますが・・・)をブログで公開するために、SlideShare というサイトを本ブログの投稿記事「SlideShare が面白い!」で紹介しました。
ところが、この SlideShare で発行される XHTML タグは、どうやら「XHTML 1.0」に対応していないようで、SlideShare のコードをそのまま挿入してしまうと、「W3C::Markup Validation Service」でエラーが発生してしまっていました。
そこで、解決策を探してウェブサイトを徘徊していると・・・やっぱり、同じようなことを考える方がいらっしゃるようで、「WEBマーケティングブログ::YouTubeの発行タグをXHTML 1.0に最適化するFirefoxのスクリプト」を発見しました。内容は、YouTube に関してですが、タグを見ているとどうやら SlideShare とほとんど同じ!
そこで、以下のようなコード修正を実施!
<div style=”width:425px;text-align:left” id=”__ss_147034″><object style=”margin:0px” height=”355″ width=”425″><param name=”movie” value=”http://s3.amazonaws.com/slideshare/ssplayer2.swf?doc=introducing-to-erp-1193445820309315-4“/><param name=”allowFullScreen” value=”true”/><param name=”allowScriptAccess” value=”always”/><embed src=”http://s3.amazonaws.com/slideshare/ssplayer2.swf?doc=introducing-to-erp-1193445820309315-4″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”425″ height=”355″></embed></object><div style=”font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;”><a href=”http://www.slideshare.net/?src=embed”><img src=”http://s3.amazonaws.com/slideshare/logo_embd.png” style=”border:0px none;margin-top:-5px” alt=”SlideShare”/></a> | <a href=”http://slideshare.net/ZeroChaCool/introducing-to-erp” title=”View this slideshow on SlideShare”>View</a> | <a href=”http://www.slideshare.net/upload”>Upload your own</a></div></div>
とにかく複雑怪奇にみえる上記のような発行タグを上記でご紹介した投稿記事にあるコードを参照に・・・
<object width=”425″ height=”355″ data=”http://s3.amazonaws.com/slideshare/ssplayer2.swf?doc=introducing-to-erp-1193445820309315-4″ type=”application/x-shockwave-flash”><a href=”http://s3.amazonaws.com/slideshare/ssplayer2.swf?doc=introducing-to-erp-1193445820309315-4″>Introducing to ERP</a></object>
余計な部分を省き、単純に object タグだけにして貼り付けてみました。これで XHTML 1.0 での問題はなくなり、少なくとも、私の Firefox 2.0.0.8 (Windows XP) という環境ではまったく問題なく閲覧できています。
即ち、SlideShare での発行タグを以下のように修正することになります(強調されているところ入れ替える)。
<object width=”425″ height=”355″ data=”URL” type=”application/x-shockwave-flash”><a href=”URL“>Introducing to ERP</a></object>
ただ、どうしてこうすれば問題が無くなるかは今のところ理解できず・・・