double-team.orgでタグ「webstandards」が付けられているもの

Rusica さんの正しくHTMLを書こうと心がけている人に5つの質問に回答。

1. HTML文書を制作する際に使用しているプログラムをお答えください。（Webプログラムも含む）
2. 採用しているDTDとその理由をお答えください。
3. 何故正しくHTMLを書いているのですか？
4. W3CとWHATWG、どちらに期待してますか？
5. あなたにとってHTMLとは何ですか？

1. HTML文書を制作する際に使用しているプログラムをお答えください。（Webプログラムも含む）

仕事では Dreamweaver8 がメイン。細かい変更とかは Windows 付属のメモ帳とか秀丸。
プライベートではメモ帳か TeraPad か秀丸。
もしかして Firefox とかも答えるのかなぁこれ？
全部書き出すとこんな感じ

• Firefox1.5,2.0
• IE6,7
• Opera7-9
• NextFTP
• WinSCP
• Photoshop CS2
• UTF-8 TeraTerm Pro
• Movable Type
• Xoops（今はやってないけど昔はこれだった）

2. 採用しているDTDとその理由をお答えください。

状況に応じて HTML4.01 Traditional だったり XHTML1.0 Strict だったり。
個人的に良く使うのは XHTML1.0 Strict。
仕事で Movable Type のテンプレートを作るとかだと XHTML1.0 Traditional が多い。

3. 何故正しくHTMLを書いているのですか？

仕事だからです。（半分あってる）
そうじゃなくても、正しく書くのが当然だから。非 Valid な HTML をレンダリングするブラウザの方がおかしい。

4. W3CとWHATWG、どちらに期待してますか？

どちらに期待しても HTML5 は恐らく勧告されるだろうし、 XHTML2.0 は遅々として勧告されないだろうし、まあそーゆーことです（何

5. あなたにとってHTMLとは何ですか？

もっとも単純でもっとも複雑で最も利用されている言語。
そしてオレが生きている間に消滅するであろう言語。

ここ1ヶ月相当忙しく、外に出るのは自宅と仕事場の往復だけ。そんなある日の朝、いつもの電車に間に合わないのが確定したので駅近くにある書店に入り、この本を探してみた。
「あるかなー」と探すもなかなか見つからず。そもそもどんな表紙だったか背表紙だったか全然覚えてない。タイトルも「確か”Web Standards”が入っていたなぁ」とか「頭に漢字があったよーな気がするけど”詳解”とか”最新”とかそんなだっけ？」とか「厚いんだけど高さがそこまでなかったはず」などとかなりあやふやな状態で本を探していた。（一応ケータイで書籍名を調べてみたが、ヒントが少なすぎてあきらめた）
んで10分くらいウロウロしてようやく見つけた。「そうそう”実践 Web Standards Design”だったそうだったうんうんこれ」
ごめんなさい。真琴さんが PR とか結構やってるのに全く記憶に留めて無かったです。

と言うわけで、巷で話題沸騰中の「実践 Web Standards Design」を手に入れました。
まだ中身は見てないです。読んでないです。ごめんなさい。今読んでる本が終わったら読みます。許してください。（誰ともお会いしたことないですが）このお礼はいずれ精神的に。

WWW WATCH にて XHTML、CSS を学ぶ時の 6つの間違いがエントリされてるのをはてなブックマーク経由で見たんですが、概ね（と言うか完全に）同意できます。まあ最後のはオチとしては面白いんですが、そんな人が「XHTML とはー CSS とはー」と声高に叫ぶとは思えませんがね。本当にそんな人に教わったもしくは教わっている人は不幸すぎます。この業界で 1，2 を争うほどの。
ちょっと個人的にいろいろ言ってみる。あくまで「オレはこう」みたいな。うぜー。

個人的な意見ですが、「Dreamweaver」 を買うお金があるなら、最初はそのお金で 「Fireworks」 を買った方がいいんじゃないかなと思います。いや、別に Fireworks じゃなくてもいいんですけどね。Web サイト制作を始めるにあたって最初に購入するべきソフトとしては、きちんとした画像編集ソフトの方をオススメしますよということです。

最初はテキストエディタで手打ちしろと。そのかわりテキストエディタはきちんとしたソフトを用意しましょう。（個人的には Win なら 「秀丸エディタ」 がオススメですが）

「最初からオーサリングツールを使わずにテキストエディタを使え」と言うのはちょっとハードル高いけど、多分これしか対処法と言うか、勉強法は無いのかなとは個人的にも思う。Dreamweaver もそうだけど、良くも悪くもオーサリングツールはレンダリングエンジンを乗せてるから、その「見た目」を”正”とする傾向は初心者にはある。（経験談）
あくまで HTML 文書を記述するだけならテキストエディタでよいし、それがビジュアライズとして機能する必要性はないので。

あと個人的にオススメしたいテキストエディタは Windows 標準装備のメモ帳。ez-HTML でもいいですけどね。

でも仕様書は英語だし、、という人にオススメの書籍を挙げるとすれば、XHTML 関連では神崎正英氏の 「ユニバーサルHTML/XHTML」、益子貴寛氏の 「Web 標準の教科書」、CSS 関連では 「セオリー・オブ・スタイルシート」 あたりがよろしいかと。

それでも W3C の仕様書は必ず目を通しておくべきものですよ。

あー、「Web 標準の教科書」はかなりハードルが高いなぁ。それ以外の書籍は読んだことないですが・・・。確かに「Web 標準の教科書」は良い。(X)HTML と CSS の仕様書をそのまま書籍化したって感じが実にいい。しかもそれなりに解説もされてるので、あと数年は使える本だと思う。
ただ、如何せん難しすぎる。別に益子氏が悪いとかじゃなくて、各仕様が複雑すぎて理解できないと思う。それこそ HTML に関して何も前知識が無い人からしたら。（テーブルレイアウトだけしかできないマークアップエンジニアも同類です）ただまあ、これ以上ないってくらいの重要資料（すでに書籍扱いではない）なので、HTML と言う文書構造が多少なりとも分かったら読むべき本だと思う。

そして自分のオススメは「詳解 HTML & XHTML & CSS 辞典」です。(X)HTML の各要素や CSS のプロパティ別に対応ブラウザが掲載されているのと、DTD での要素定義が一覧で見られるのは重要。
あとこれは Web に関わる人全てに言えるけど、「ブラウザのしくみ」は読んでおくべきだと思う。Web の全てが載ってる（たぶん）ので、デザイナやマークアップエンジニア、プログラマなどの技術者もそうだし、ディレクタやマネジメントなどの管理職（と言ってしまっていいのか分からんけど）も知っておくことは多い。

これ、意外に理解していない人がいるのですが、XHTML がすべての基本です。CSS は XHTML で文書構造を定義されたものに対してスタイル （見た目） を定義するもので、どちらが主で、どちらが従かは明白です。

自分がこれに当たります。昔の話ですが。HTML はそこそこ知ってて、そこから CSS レイアウトに入ってしまったので、ちょっと遠回りしてしまった感はある。だから 2 年もかかったんですけどね。それがだいたい 6 年前。
でも当時からしてみたら、今は CSS に関するノウハウはすごい多いし、この環境で「CSS 勉強するの難しい」とか言ってるのは正直甘いと思う。関連書籍もたくさんあるし、ぐぐれば腐るほど出てくるし、それでレベルアップできないのはただ単に避けてるだけとしか思えない。なんだかなぁ。

とまあ、好き勝手書きましたが、最後にちょっとだけ。
こうした XHTML+CSS に関するエントリを見て「よし、自分もやってみよう」と思うのは大いに歓迎です。ただ 1 つだけ誤解して欲しくないのは、全てを CSS で表現しようと思わないことです。
確かに CSS で全ての表現を可能にします。だからと言って、無理に文書構造を当て、CSS で装飾するのはよろしくないと思います。
具体的には

• table 要素を使ってはいけない
  • （似たような意味で）代替として定義リストを使用する
• クリッカブルマップを敬遠する
• 無闇に画像置換をする
  • 同様に img 要素を敬遠する
• 必ず XHTML 文書でマークアップしなければならない

と言った誤解はして欲しくないです。そしてこれは (X)HTML+CSS を勉強する過程で恐らく必ずと言っていいほど起こる問題です。CSS で表現すべきところと (X)HTML 文書で実現すべきところの区分けは曖昧ではありますが、全部を全部 CSS 任せと言うのはどうなのかな、と思うので。（mixi の CSS テクニックのコミュニティを見てるとそう思わざるを得ないので）