REDLINE MAGAZINE | 構造文書の大切さ

構造文書の大切さ

初心者向けといいつつ、いきなり内容が飛んだのでやっぱりもう少し初心に返ってみる。

ほんとに今から勉強を始める方に言いたかった事。
CSSの話をする前に(x)htmlをちゃんと書けるようにしておくべきだという話。

大げさでもなんでもなく、ちゃんとした(x)html＝「構造文書」が作れないというのは損。というより、すべての根源がそこにあるという事をしっかり考えて欲しい。一昔前なら構造文書なんて気にしなくてもよかった。これだけ標準準拠がどうのこうの、XMLがどうのこうのと業界関係者が騒いでいても、無視してるのか気づいてないのか、昔のまま何も考えずサイトを作り続ける制作者もいるというのも事実。

それはそれで仕方ない事ではあるし、強制しようったって本人がやらないならどうしようもない。私自身は標準って何の事だろう？どういうメリットがあるんだろう？なんて自分なりに少しずつ理解していって結果として「こっちの方がメリットがある」と判断したから今のやり方を選んだわけだ。今からせっかく勉強するなら正しいとされている事をした方がいいと本気で思う。

商売でwebをやっていると、どれだけ(x)htmlのソースがキレイだろうと、ソースが汚くても見た目のデザインがいいものをクライアントは好む。もうこれは鉄則。仕方ない。そこは客商売だと割り切らなくてはならない時もある。

しかし客が見栄えを重視しようが(x)htmlソースをおろそかにする事には何の意味もない。しいて言えばコーディングの時間を短縮できるくらい。それは制作者の都合であり、やっぱり形に残る自分の仕事は見えないソース部分もちゃんとしたいという意識はプロとして大切だと思う。

では構造文書って何？という話だが、なんだかこんな大げさな名前ではあるが、最大限に噛み砕いて言えば「ちゃんと中身をまとめてある文書」の事。

誰でも１度は何かをまとめた文書を書いた事があると思う。
例えば大学のレポート、いきなり本文を書かずにまず題名・大見出し・学籍番号・名前を書く。その後本文。その中にも小見出しを書いたり箇条書きがあったり。そういう風にちゃんとまとめて書いてる文書をwebでは構造文書、(x)htmlと呼ぶ。（すごく平たく言ってるけど）

具体的にはここのサイトを見るくらいならタグというものは知ってる方が大半だと思うが、見出しはhタグ、段落（一般的には本文の文章のこと）はpタグ、箇条書きはulタグを使って、コンピューターに「ここは見出しですよ」「ここは段落ですよ」というのをキチンと理解させるためにこういう構造文書というものを作る。

これが普通になんのタグもつけずに文章だけ書いてたら、コンピューターは文章の内容は読み取っても、何が見出しで何が段落で何が箇条書きのリストなのかを理解できない。言い換えれば、どこが大切な部分かを理解しないままただ文章だけを読み取るということになる。

ただ、その場合もブラウザ上では表示される。だから余計にあまり構造を気にしない人がいるわけだ。「表示されてるんだからいいじゃん」みたいなね。

構造と見栄えの分離、ご存知の通り構造は(x)html、見栄えはcssにって話だが、cssで見栄えを整えるにしても、正しい構造文書でないと、思わぬ表示になったり、正しく表示されない場合もある。そういった意味でも正しい(x)htmlソースを書くことは大切なのである。

んじゃ正しいって何を基準にしているの、という話だが、W3Cというwebの仕様を決めている団体がある。IEとかFirefoxとか様々なブラウザがあるが、基本的にはこの団体の決めた仕様に沿って開発している。つまり正しい構造文書を作ろうというのは、ここで決められた事に対してそれを正しく使おうという事。

もちろんW3Cの仕様どおりに作っていても、ブラウザのCSSの解釈が異なって思わぬ表示になる事もあるが基本的には守ろうよという世界共通のマニュアルみたいなものだと思えばいい。

自分自身、ちゃんと構造文書というものを意識し始めたのがここ2.3年なので偉そうなことは言えないが、とりあえずまず誰でも使える「ソフト」に頼るばかりの制作は一旦やめて、(x)htmlソースをちゃんと自分で書けるがどうかという点を考えてほしい。

私は最初ソフトに依存した作りしかしてこなかったので随分時間を無駄にした。今ソフトで作ってるソースでもいいのでちゃんとソースを見て、それを自分がちゃんと理解しているかどうかの確認はした方がいい。案外ソフトの吐き出すソースはいい加減なものも多い事も。

長くなってしまったが、とりあえず基本はちゃんとした構造文書を書く事から始まるということまとめで･･･。

追記（2007.03.03）
はてブのコメントにて『言いたいことは分かるけど、初心者には構造化によるメリットが分からないという罠。っていうか、初心者は見栄えの変化を先に学びたいので、不思議マークアップとかCSSを先に勉強しがち。』と書いてくださった方がいらっしゃいました。

おっしゃる通り、そのとーーり！だと思う。ほんとに的を得たコメントありがとうございます。そういう気持ちは私自身も体験した事があるしよく分かる。それでもいつか何かをきっかけに、ちゃんとした文書書いておけばよかったと後から後悔する前に、最初からメリットうんぬんが理解できなくてもそういうやり方なんだと覚えてしまった方がよいと思ってます。

と、いっても何の強制力もなく、本人次第なんだけど。難しい話より自分がやりたい事をやりたいようにやる方が楽しいもんなぁ。。。両立できるのが一番なんだけど、現実は難しいのかも。

2007年03月02日 01:47 | Red | パーマリンク