サーバ構築ガイド

レンタルガイド

ショップ構築ガイド

目次～ショップ構築

情報漏洩対策

Another HTML-lint 導入の目的～ HTMLを採点・評価する

Another HTML-Lint は、石野恵一郎氏によるオンライン上で W3C （WWWに関する標準化を指針する団体）勧告に準拠したHTMLの採点を行なってくれるHTML文法チェッカーです。様々なバージョンのHTML文法チェックが行えます。

手元のサーバーで活用出来るようにソースも公開されていますが個人利用であれば原則フリー（作者にビールをおごる）ですが、Another HTML-Lint を営利目的（ミラーサイトで広告収入を得る、Another HTML-Lint を利益の出る仕事に利用する場合は、有料ですので注意して下さい。詳細は下記アドレスを確認してください。

URL => Another HTML-lint : FAQ

ここでは FedoraCore4/CentOS4 でセットアップについて説明しています。といってもほとんど設置するだけです。

導入の目的

ここでは、HTMLソースのヘッダどおり　W3C勧告 HTML 4.01 に準拠したクリーンなHTMLを書くことを目的に、文法チェッカーAnother HTML-lint を導入します。

少し前置きが長くなりますので、インストールについては、このページから説明しています。読み飛ばしてください。

では、なぜ W3C勧告に準拠したHTMLを書く必要があるのでしょうか？その理由を知るためには、HTMLとCSSの関係を理解している必要があります。Another HTML-lint の有用性を知る上で、一般の方でも分かるように、なるべく分かり易い言葉で説明します。

（X）HTML と CSS（スタイルシート）の関係 .

ポイントを掻い摘んで説明します。

HTML4.01 （HyperText Markup Language）
- 名前の示すととおり、テキストにリンクを与えて自由に移動できるテキストを扱う言語の事です。どのコンピューターでも扱える共通の言語です。（この言語を視覚化し表示するアプリケーションをブラウザといいます。）
- 文章は、見出し、本文、段落、箇条書き、強調文字、など論理的に区分けすることが出来ます。これを論理構造といいますが、HTMLとはこの論理構造を定義する重要な役割を果たします。例えば、見出し<h1> 段落<ol> <u;> <li> などのタグを用いて文章の種類を論理的に区別します。
XHTML1.1
- HTMLをXMLに対応できるようにW3Cが勧告しています。HTMLをXML化する事で任意のタグで文章に関連付けを行う事が可能になるため、人間だけでなく機械的にホームページの情報をデータベースとして活用できるようになります。HTML4.01がベースとなっているため、HTML4.01に対応したブラウザであればある程度外観を維持することができますが、一部互換性の問題もあります。XML を活用したWebアプリケーション開発では、XML / XHTML が利用されます。また、記述には厳密なコード作成が要求されます。
CSS2（Cascading Style Sheets / カスケーディングスタイルシート）
- 1998年に勧告されたHTML4.0 では、HTML3.1までHTML内で認めれらていたレイアウト要素に関する記述を廃止し、従来の論理構造を重視した内容に更められました。このレイアウト・デザインなどの外観を記述するための規格がCSS（カスケーディングスタイルシート）です。
- 文字の大きさ、背景、文字色、文字間、行間、位置など、ほぼ全ての外観（デザイン）をHTMLの論理構造を変更する事無く制御する事が可能になります。『論理構造のHTML』 、『外観のCSS』 を明確に分ける事で様々なメリットが生まれます。（後述）
- カスケーディングとは、複数の要素を適用した場合の優先される順位のことでID / クラス　セレクタによりスタイルを上書きすることができます。スタイルシートを活用する上で重要な概念です。