Japan.internet.com - Yahoo!、フロントページのデザインを刷新
昔から頑固に単純なページ作りを貫いてきた
Yahoo!がわずかながらデザインを変えようとしているようです。
MSNなんかと比べるとまったく派手さのないページ。こういう軽さが良いって人は多いんですよ。派手にしちゃうとブラウザによって見栄えが違ったりするからねぇ。
さて、ベータのページと古いページ、両方見れるようなのでさっそくWedDeveloperで拝見。

今の(古い)ページ。WedDeveloperでテーブルのアウトラインを表示してみるとレイアウトはほぼ全てテーブルに頼っているのが分かる。テーブルを配置してレイアウトするというつい最近までのオーソドックスな作り方ですね。

ベータのページ。WedDeveloperでこちらはブロックレベルエレメントのアウトラインを表示しています。全体がスタイルシートでレイアウトされてテーブルがほとんど使われていないのが分かる。左下の「LAUNCH Music on Yahoo!」は広告のような扱いで入っているのかテーブル組。
WedDeveloperでスタイルシートを無効化すると要素がしっかりとした順番で並んで表示されます。これがスタイルシートを使ったレイアウトの良い所。いよいよYahoo!もXHTML+CSSかぁ、と思ってDoctypeを見るとHTML 4.01。おぉ、Doctypeがついたんだ!その上文字コードまで宣言されてる。charset=UTF-8、うーん、やっぱり世界規模だとUTF-8がいいんだろうなぁ。中身の作りはというとHTMLの延長といった所でこれといって複雑なことはしてなさそう。スタイルシートを駆使してというよりは、テーブルを使って順番をめちゃくちゃにしたくない、といった雰囲気か。
あのYahoo!までもテーブルを放り投げた、ってのが時代の流れなんだろうなぁ。