日本全国と中国のホームページ制作会社を比べてお見積もり

せっかくHTMLの書き方を身につけるのですから、どうせなら「よい」HTMLを書けるようにしましょう。全ての学習と同じで、「よい」メソッドを身につけると、絶対に理解も早いしあとが楽になります。すぐにHTMLを書きたい人も、ちょっとだけ付き合ってください。

よいHTMLの条件よい文章の条件の一つが、読む人の立場に立って読みやすく書くことであるように、よいHTMLを書くためには、「利用者の立場に立って分かりやすく」を心がけることが大切です。ただし普通の文章と違って、HTMLの「直接の利用者」は人間ではなく、ブラウザなどのコンピュータのソフトであるということに注意しなければなりません（人間の「読者」はHTMLを読むのではなく、ブラウザがHTMLの内容を「表示」した結果を読んでいるのです）。だから、よいHTMLはこれらの利用者に分かりやすいように書かれている必要があります。といっても、難しく考えないでください。このためには、HTMLを使ってどれが見出しでどれが重要な語句か（つまり文書の構造）をきちんと示してあげればよいのですブラウザなどのソフト（利用者）はHTMLを読みとって文書の構造を把握し、例えば「見出しは大きな文字で、重要なところは太字で」という具合に、読者に分かりやすい形で表示するという仕事をします。〔補足〕仕様書などでは、人間の読者であるユーザー（User）に対してブラウザなどのソフトをユーザエージェント（User Agent = UA）と呼びます。UAはウェブの情報をサーバーから受け取り、必要に応じて利用者のために分析したり読みやすく表示するという、人間の「代理」としての役割を担うのです。仕様書などではこうした用語が使われますが、この文書では簡便に利用者と読者として説明することにします。

なぜフォントじゃなくって「構造」なの？

なぜ最初から見出しを「ＭＳゴシック」の16ポイントで書いたMicrosoft Wordの文書を使わずに、こういう一見回りくどい仕組みで文書を公開するのかっていうと、人によってコンピュータの環境が異なるからなのです。Macintoshには「ＭＳゴシック」というフォントはありませんし、誰もがWordを使っているわけではありません。小さなモノクロ画面の携帯端末でページを見ている人もいます。そこで、誰もが情報を共有できるようにするために、環境に依存する文字の指定方法ではなく、「見出し」という意味上の位置づけだけを情報として加えておいて、ソフトウェアが読者の環境に合わせて表示する方法が考えられたのです。

こうしておけば、目が不自由な人で音声合成ソフトでページを「読み上げ」ている場合でも、“見出し部分は少しトーンの高い声でゆっくり読む”といった設定にすることで、文章を理解しやすくなります。また、ソフトウェアに「とりあえず見出しだけを集めて文章の要約を作れ」と指示することで、長い論文を効率的に調べることも可能です。

息の長いページを

よいHTMLは利用者のためばかりではありません。正しいHTMLを書くことは「作者」にとっても大きなメリットになります。

HTMLとして公開するページは、大切な情報資産です。その内容は、多くの場合ブラウザなどのソフトウェアよりも長い寿命を持ち、何年にもわたって多くの人に利用されます。そのような貴重な情報が、特定のブラウザの特定のバージョンに合わせて書いたために、何年か後に正しく表示されなくなるとしたらとても残念なことです。

標準に従って文書の構造を示すように書かれたHTMLは、ブラウザの種類やバージョンに関係なく、常に正しく情報を伝えることができます。たとえ見かけ上の表現方法が変わっても、「見出し」や「段落」という構造表現の概念は変わることがないからです。大切な情報を息長く活用できるようにするためにも、ぜひ「よいHTML」を書くようにしてください。