Alternative Design Project

ADP: CSEのロゴを下に

2008年12月20日 00:13 | コメント(3) | トラックバック(0)

Googleカスタム検索エンジン(Google CSE)のロゴ、下に持っていった。

理由はふたつ。

ひとつめは、Googleが提示している「検索ボックスのスタイル」では、ロゴを透かし文字で入れるか、入力ボックスの下あるいはボタンの右に置く、だけしか選択肢がなかったからだ。HTML/CSSのソースはいろいろ違うけれど、見た目をここまで同じにすれば怒られることもないだろう。

ふたつめは、もともと入力ボックスを(いわゆるモダンブラウザでは)透過PNGにしていたのに、わかりにくかったので、ボックス自体を少し上に持っていきたかったからだ。変更した後でも、ウインドウの横幅を640ピクセル付近まで狭くしないとわからないけれどね。

トラックバック(0)

トラックバックURL: http://adp.daa.jp/cgi/mt2/mt-tb.cgi/779

コメント(3)

高校生Web: 2008年12月23日 02:56

はじめまして、「よいHTML」というキーワードでググっていたところ、このブログを見つけました。

まず爽やかなロゴとサイトデザインが気に入り、しばらく見回った後、Aboutを見てMomomoさんのWebに対する信念に敬服(SEO対策をする理由、URL等)し、さらにふとソースを見てひっくり返りました。
手組みなんですねこのブログ!JavaScriptが全く分からないのでどうなってるのかちんぷんかんぷんですが、なんかやばいっす。
僕なんかはテーブルレイアウトを脱け出したぐらいのレベルで有頂天になっていたので、Momomoさんのウェブデザインテクニックのページなんか見ていると、人間辞めようかと思いました(笑

それで早速質問なんですが(ツッコミどころですね)、僕は普段HTML4.01 Strictでソース(屑です)を書いています。ですがMomomoさんも含め、多くの神がかったサイト製作者の人達はXHTML1.0 Strictでソースを書いています。
単純に考えると、HTMLはbrに/を入れなくてよいし、やの終了タグを打たなくて良く、DTD宣言をすれば、IE6.0でもwidthの解釈を正しくしてくれるのがいいなあと思って、今の所僕はHTMLなんですけれども、何故上級HTML製作者はXHTMLなのかを知りたいです。

もしかすると初歩的な質問なのかもしれませんが、宜しくお願いします。

Momomo: 2008年12月23日 12:54

高校生Webさん、ありがとうございます。
なぜXHTML 1.0 Strictか、Good Question(いい質問/ちょっと答えるのが大変な質問)ですね。

結論から言えば、とにかくXHTML 1.0 Strictがオススメ、という理由はないと思います。周りにはHTML 4.01の方もISO-HTMLの方もいらっしゃいます。
私自身は、以前はどんどんXHTML自体がブラウザと同じように急速に進化していくだろうという期待があり、かつ、XHTML 1.1では(解釈の仕方にもよりますが)IE対応で問題があったので、互換性と将来性のバランスを考慮してXHTML 1.0 Strictを使うようになりました。

強いて言えば、表現の自由度が高いわりに例外事項が少ない分、UA(User Agent:ブラウザなど)が違う解釈をする余地が少ないのが、XHTML 1.0 Strictのいいところと言えるかもしれません。
たとえば、HTML 4.01では、table要素にはひとつ以上のtbody要素が存在することになっていますが、(theadやtfootが存在せずtbodyがひとつだけの場合は)tbodyの記述を省略できることになっています。この場合、UAによっては、規則に従ってtbodyを描画したり、慣例に従って描画しなかったりして、面倒なことになります。XHTML 1.0では、tbody要素かtr要素のどちらかがひとつ以上あることになりますので、tbodyを書かなければ(そもそもtbodyが存在しないので)描画されることはありません。
UAはブラウザだけでなく、検索エンジンやその他のWebサービスも入りますので、各UAがいろいろな例外事項にどう対処するのかを把握するのは非常に大変です。その意味で、例外事項がもともと少ない、というのはメリットになります。

高校生Web: 2008年12月23日 15:00

回答ありがとうございます。
なるほど。つまりXHTML1.0 StrictはHTML4.01 Strictよりさらに'Strict'だということですね(笑
XHTMLも勉強もしてみようと思いました。例外事項のせいで(それだけじゃなく?)IEなんかは酷いですもんね。

昨日の質問の後にMomomoさんのいろいろな記事を読みました。このページはコンテナやヘッダのdivがないんですね。もうなんかすごすぎです。サイトロゴの表示の懲り方にも驚きました。

p.s.僕はメイリオをインスコしたのに、ClearTypeを適用していないXP/Firefoxユーザーでした(笑
そのような人までを想定し、さらに的中しているという、Momomoさんのサイト製作能力にはもう脱帽です。
参考になることだらけで、書きたいことや質問したいことたくさんあるんですが、たぶん迷惑になると思うのでやめておきます(笑
ありがとうございました。


コメントの内容確認のため、反映されるまで時間がかかる場合があります。e-mailはサイトに掲載されません。

このページの先頭へ