レビューブロガーによるレビューブログ：WADA-blog（わだぶろぐ）

昨日上野の本屋さんで、yuuさんに教えてもらった配色の本を探したが見つからず。

その代わり、同じ本屋さんで出会ったスタイルシート関連本がマイヒット。

【楽天ブロードバンド】月額2000円～　楽天スーパーポイントが毎月貯まる！

世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル
	大藤 幹 毎日コミュニケーションズ 2005-12 売り上げランキング : 23652 おすすめ平均 ナゼcssを使うのがイイのかが分かる1冊。 基本を学んだ人のHack&Tips書として 本としては読みやすい Amazonで詳しく見る by G-Tools

探していたのは、欲しかったのは・・・君！
（ちょっと自分にはレベル高めすぎるけど・・・）

　

とはいえ、2,500円もする本なので、買う前に書店で念入りに内容チェック。そしてぱらぱらと気になるところを読んでいて思った。

「これは前にどこかで読んだハックだ・・・」

本の帯を見てみて納得した。

『Web Designing』誌の「CSS Analysis」、待望の単行本化。

以前、何度か『Web Designing』を買ったり、立ち読みしたり、買ったり、立ち読みしたり、立ち読みしたり、立ち読みしたり・・・していた。このCSSのコーナーを立ち読みすることが多く、それが面白いと「今度実践してみよう」と買ったりしていた。

単行本化されていたのか。
嬉しい！

（注：ハック系の本なんで、入門書を探している人向きではないです）

＋＋＋

で、本の冒頭部分を読みながら「やっぱWeb標準だ！」などと珍しく真面目に思ってしまった。

W3Cとは？
なぜWeb標準が「ホット」なのか（ITpro）
Web標準といえばこの人（益子貴寛氏／CYBER@GARDEN）

ネット上には、自分のサイトの文法が正しいかどうかきちんとチェックしてくれるサイトがある。

文法チェックに便利なツール（ミツエーリンクス）

せっかくなんで、「W3C Validator」でやってみよう（すごいドキドキだけど）

おおっ！　なんと一発OKがでたぁ！！！＼(^o^)／

This Page Is Valid XHTML 1.0 Strict!

Excite翻訳してみると・・・

このページは有効なXHTML1.0厳しいです!

・・・最後の「Strict」は「厳しいです！」じゃなくて「厳密に」だと思うけど。

ここで気づいた。
指定したURLが間違っていた。

私はなんと、

恐れ多くも、天下の「W3C」内のページ（文法チェッカーそのもの）を文法チェックしてしまったようだ。そりゃ、パーフェクトで当たり前だ・・・。

気を取り直してもう一度！

な、なんと・・・チェックすることすら拒絶されてしまった。
なぜだ！？

理由はこうだ。

No Character Encoding Found! Falling back to UTF-8.

凝りもせず、Excite翻訳してみよう。

コード化が見つけなかったキャラクター!全く UTF-8へ後ろへ下がります。

翻訳文は意味不明だが（「全く」ってどこから来てるんだ？）、英文から判断するに、文字コードの指定が見つからなかったということのようだ。

「ねえ、私きれい？」
「おまえ、それ何語だ？」

という、噛み合わない２人の会話みたいなもんかもしれない。

ソース見てみると、確かに文字コードの指定が入っていない。
文法チェック以前の問題だ。（あえて入れないサイトもあるけど）

<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">

挿入してFTPして再チェック！

今度は無事チェックできたようだ。

This page is not Valid XHTML 1.0 Transitional!

このページはValid XHTML1.0Transitionalではありません!

Excite翻訳が、ちょっとふてくされたように思ったのは気のせい？

●関連ブログ記事：Tokyo Fuku-blog: 翻訳サイトで遊ぼう

とにかく、このページがXHTML 1.0に準拠していないことがわかり、かつ、20箇所のエラー箇所とエラー関連情報が指摘された。うーん、結構間違っているなあと思いながら見ていくと、そんなたいしたエラーではないことも判明。

Line 17 column 68: end tag for "img" omitted, but OMITTAG NO was specified.
<img src="img/title01.gif" alt="ロフトベッド購入ナビ" width="545" height="85">

どうも「IMG」タグの〆タグが省略されている。なのに“OMITTAG”が記述されていない・・・ということみたいだ。

×<img src="img/title01.gif" alt="ロフトベッド購入ナビ" width="545" height="85">
○<img src="img/title01.gif" alt="ロフトベッド購入ナビ" width="545" height="85" />

こういうことだろうか？
そういや、改行タグ「br」にはちゃんと「/」をつけるようになっていたが、「img」「link」にはつけていなかった。

修正してみよう。

その後、何度か「修正」「FTP」「文法チェック」を繰り返しながら、修正漏れをつぶしていった結果、

合格点がでました～！！！

これで、あの「W3C XHTML1.0」のバナーも張っていいみたい♪
この後も引き続き、きちんと準拠した形で書いていって、リニューアル公開時には、このバナーを張っちゃおっと。

Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト
	益子 貴寛 秀和システム 2005-07 売り上げランキング : 960 おすすめ平均 2冊目に買う本 「web標準」を知る上で必読の書 Web屋なら必読の書。 Amazonで詳しく見る by G-Tools

↑この本も持ってます。まさに「教科書」決定版です。ただ分厚くて、HTML知識ない人には難しいので、興味ある方は書店で中身見てから。

同じ益子氏の本で「伝わるWeb文章デザイン100の鉄則」は、全ブロガーさんにお勧めの本です（文章の書き方についての本なので、難しくない）

• 2009.07.08　シックスアパート「Movable Type 5」を今夏リリース！　C (3) | TB (0)
  大変です！！！ なんと「５」がでてしまうそうです。 MT4.Xにしようかどうしようか悩んでいるあなた！ もしくは勇気を出...
  
• 2009.07.07　オーネット婚活アフィリエイトセミナー　C (0) | TB (2)
  たぶん一般募集では初かなと思うんだけど、結婚相談所大手のオーネットが、今月末、アフィリエイトを対象とした婚活セミナーを開...
  
• 2009.07.07　日食グラスを販売しているお店　C (0) | TB (2)
  週末うちに（突如！）遊びにきてくれた夢子さんに「東京きたら売ってると思ってたんだけど、日食グラスどこで買えるの？」と聞か...
  
• 2009.07.06　Vixen（ビクセン）の日食グラス　C (2) | TB (1)
  数日前に届いた、Vixen（ビクセン）の日食グラス。 種類いろいろあるみたいなんだけど、ネットで検索していたら、これがよ...
  
• 2009.07.06　おうちカクテル隊に参加します！　C (0) | TB (3)
  自宅でカクテルを作って楽しむ「おうちカクテル」。 楽天ブログ内にそのスタッフブログが立ち上がっていますが（自分も動画関連...
  
• 2009.07.04　auスポーツ携帯にはまった　C (2) | TB (2)
  先月、久しぶりにau携帯を買った。 ４年前からウィルコムユーザで、今のアドエスと番号が気に入っているのでこの後もメインは...
  
• 2009.07.02　今治タオル　C (2) | TB (10)
  報道ステーションの特集「今治タオル・・・存続の危機から奇跡の復活へ～究極の肌ざわりと環境配慮で世界一を目指す」を見ていた...
  
• 2009.07.02　全裸のスチュワーデス＆パイロットが登場する機内ビデオ　C (3) | TB (3)
  ニュージーランド航空は、機内で流す「安全ガイド」を乗客に確実に見てもらうための新たな試みを始めている。 　国内線のボーイ...
  
• 2009.07.02　充電式のエコ電池「エネループ」　C (2) | TB (3)
  おととい、三洋電機のエネループ・ブロガーミーティングに参加してきた。びっくりしたのは、冒頭で司会カイさん＠AMNの「エネ...
  
• 2009.07.02　アイ・ラブ・ビアガーデン　C (0) | TB (0)
  
  
• 2009.07.01　エネループランプ　C (0) | TB (1)
  今日のエネループ・ブロガーミーティングで見た、三洋電機の新製品「エネループランプ」。最初見た時、単にお洒落なインテリアラ...
  
• 2009.06.29　ウコンの力＜カシスオレンジ味＞　C (3) | TB (1)
  モラタメで「ウコンの力」のお試しがあったので申し込んだ。 このシーズン、“取材”名目でビアガーデン回りしてる自分には、ウ...
  
• 2009.06.29　エジプト体操　C (2) | TB (0)
  ここ１週間ほど、なぜか頭の中でリフレインしまくってます、この歌が。癖になる感じです。（自分も通っているエジプト舞踊スクー...
  
• 2009.06.29　ラサーナ買っちゃいました　C (2) | TB (0)
  先日、1,050円のトライアルセットを使ってみたところ、鏡見てびっくり！さわってびっくり！なしっとりヘアになれたので、フ...
  
• 2009.06.27　ハッピー・ウェディング♪　C (2) | TB (0)
  とある知人が最近結婚した。 そのお祝いも兼ねての飲み会で、どでかいモンブランケーキが登場！！！
  
• 2009.06.26　海のエジプト展に行ってきました　C (2) | TB (4)
  明日6月27日（土）から9月23日（水）まで、パシフィコ横浜で開催される「海のエジプト展」の開会式＆特別内覧会の招待券を...
  
• 2009.06.25　全国の納涼ビール電車　C (7) | TB (0)
  前にブログコメント欄で、熊本の「ビアガー電」なるものを教えてもらってから、いつか一度乗ってみたいなあと思っている、納涼ビ...
  
• 2009.06.22　角ハイボールの作り方（２）　C (8) | TB (0)
  「自宅飲酒解禁」の日曜日にコンビにで買った「角ハイボールセット」。 面白いのは一緒に入っているグラスとジョッキの合いの子...
  
• 2009.06.22　角ハイボールの作り方（１）　C (0) | TB (0)
  近所のコンビニで「角ハイボールセット」を見つけ、購入。 外では飲む機会が増えているけど、家では、昨年ハイボールナイトでお...
  
• 2009.06.21　楽天市場でのマスク販売に絡む騒動その後　C (5) | TB (0)
  品薄中に「マスク買い集め奨励メール」配信で批判も集めた楽天市場。
  

▲このページの一番上に戻る