“ブログでフラッシュを埋め込むときの注意”という、夢実現のためのアファメーション。

ブログはメリット満載。

さて、一番メジャーなブログツールといえばムーバブルタイプ（MT）。

これは最初からXHTML＋CSSでソースを吐き出すようになっています。
（ほかのブログツールもほぼこんな感じ？）

そのおかげで

• ソースが簡潔。
• SEO対策に向いている（検索エンジンとの相性がいい）。
• デザインの変更が容易。

などなどのメリットを享受できるわけだ。

もちろん、ブログなので、

• コメント、トラックバックなどの機能により、双方向のリンクが形成されやすい。
• ひとつのエントリーで複数のページ（リンク）ができる。
• RSSの自動吐き出しで情報発信が容易。

など、他にもメリットが満載だ。

ブログのカスタマイズ。

さて、普通のサイト“らしい”ブログサイトを作るとなると、カスタマイズが必須です。
（昨日のエントリーにも若干かぶってますね。まぁ、カスタムつながりってことで。）

デザイン優先で、いままでの「テーブルレイアウト」でフォーマットを作るのもアリだけど、せっかく最初から構造とデザインの分離ができているので、それを活かしてカスタマイズしたい。
それにはいろいろとHTMLの知識が必要になってきます。（もちろんMT独自のタグの知識も必須だけど。　汗）

タグの記述の仕方などもそのひとつだ。
（知っている人は知っていますが、知らない人は要チェック。）

閉じタグは必須、brやimgタグなど、本来閉じタグのなかったものは半角スペースを空けて“ />”で閉じるなど、ちょっとしたことだがW3Cのバリデイトを通そうとするならば知っていなければならないことも多い。

ということで技術的な備忘録。

作業の効率化のためにドリームウィーバー（DW）を使っているウェブ制作者も多いが、やはりVer.が現状に追いついていかず、直接ソースをいじらなければならないことも多い。

Flash（swf）ファイルの埋め込みに関してもそうだ。

通常DWだとobjectタグとembedタグを入れ子にして記述されるが、XHTMLではembedタグは非推奨タグになっているので、DWが吐き出したソースそのままだとバリデイトチェックではじかれる。

なのでそれを回避するには（といってもそんなにたいそうなことではないが。）embedタグの部分を削除すればよい。※↓

objectタグではさまざまな属性をparmとして記述するが、この辺は以下のサイトを参照にするとわかりやすい。

マルチメディアファイルを XHTML 文書に埋め込む @ ぽかぽかWeb研究室http://yupotan.sppd.ne.jp/web/xhtml-multimedia.html

とほほのWWW入門（属性の詳細）
http://www.tohoho-web.com/html/object.htm

ってことで、昨日ラウンチしたシフトのサイトもきっちりバリデイトが通るようにしました。（XHTML 1.0 Tranditional。）

カスタム専門カーショップ「シフト」
http://www.shift-motoring.com/

本来ウェブはコンテンツが命であり、バリデイトを通すことが“絶対良い”というわけではないのだけれど、そのコンテンツを見て読んでもらうには、まずそのサイトにアクセスしてもらわなければならない。

アクセス増加のひとつの手段として、W3Cのバリデイトチェックをクリアするような、「正しい」ソースを記述してSEO対策をするということもこれから大切なのです。ハイ。

※追記（重要）

embedタグの部分を削除するだけ…と↑書いたが、思わぬ落とし穴が。
Mozilla系ではobjectタグにclsidが記述されていると動作しないというバグがあるらしい。なので、
classidを削除してdataでファイルを指定することで回避。（これが一番汎用性が高いみたい。）

カスタム専門カーショップ「シフト」のサイトも、このやり方で無事FFでも見れるようになりました。（ホッ。）

詳細は↓

SG::Acme : FlashをStrict XHTMLで。
http://www.nurs.or.jp/~b3/log/archives/2004/05_19_flash_xhtml.html

アファメーションの宝庫！→あの独立・起業ネタの情報ランキング！