menul Home menur
インストール Htmllint
｜必要なファイル ｜HTML-lint ｜Jcode.pm ｜AN HTTPD ｜お気に入り設定 ｜ LintChecker ｜
小技集を参考にエディタでHTMLを書き、ホームページを作っていますが、表示が変だったりすると、 間違いを見つけるのに時間がかかりすぎたりしていました。
HTMLクイックチェッカ　を使ってチェツクしたところ、未定義タグが多く出てきたので 意味を調べようと思い、検索したら Another HTML-lint が一杯出てきたので使ってみたら、 マイナス点が表示され、びっくりしたり、又初心者なので当然だとも思えました。
使っている内に Web 上ではなく、HDD のファイルを直接チェック出来たらいいなと思い探しました。
お気に入りに Another HTML-lint を登録しておき、IE で表示してチェックするというのがあり、 すぐ使えると感じましたが、HTML-lint、サーバー、Jcodeなどインストールしなければだめで、 サーバーは初めてなのでだいぶ苦労しました。
今はHTMLクイックチェッカでフォルダ毎一括でチェック・修正後、ファイラーでファイルを選択して開き、 お気に入りからチェックという流れで、満足しています。 致命的なミス（重要度５以上）を減らすことを、第一段階の目標としています。 試行錯誤の導入手順は以下の通りです。　( WinXP Home SP1 )　　　( 作成: 2003/11/20 )
AnothorHTML Lintを使って、オフラインでHTMLファイルをチェックするフリーソフトを見つけました。
「LintChecker」 はサーバー、ブラウザを起動しなくてもチェック出来る優れものです。
必要なのは ActivePerl、Anothor HTML-Lint、Jcode.pl の三つです。 (2003/12/29)
『参考にさせて頂いたページ』
　 Another HTML-lint
　 Another HTML-lintをWindows 98/2000で動かす
　 Another HTML-lint の導入及び UserAgent との連携　　HTML-lint-WinIE
　 A-1 DRIVE　　PC関連 → HTML文法チェック
　 Another HTML-lint を気軽に使う
　 AN HTTP Server Home Page
必要なファイルのダウンロード▲ TOP
Another HTML-lint Another HTML-lint　のダウンロードページ
htmllint.lzh Nov 06, 2003 23:58 (htmllint.cgi Ver 1.12)
Jcode.pm Jcode-0.83.zip
AN HTTPD AN HTTP Server Home Page　　httpd142k.zip
Perl ActivePerl DonLoad　　　ActivePerl-5.8.0.806　をインストール済
フォルダ
Another HTML-lint D:\htmllint　　D:\htmllint\logs　　D:\htmllint\tags　　D:\htmllint\tmp
PerlC:\Perl　　C:\Perl\site\lib
AN HTTPDD:\AOLS\Web\HTTPD
インストール　Another HTML-lint▲ TOP
  1. htmllint.lzh　を　D:\htmllint　に解凍し、フォルダ logs tags tmp を作成する。
  2. htmllintenv を htmllint.env　にファイル名を変更する。
    （htmllintenv　をエディタで開くとトップに書いてあります。）
  3. htmllint.env　で　下記の部分を指定・変更する。
# CGI 用ディレクトリ (絶対パスか CGI 相対パスで指定、なるべく絶対パスにしてください)
$RULEDIR= './';　　　　# 規則ファイルの場所
$LOGSDIR= './logs/';　 # ログファイルの場所
$TMPDIR = '/tmp/'; 　　# テンポラリファイルの場所
$IMGDIR = './';　　　　# イメージファイルの場所
$TAGSLIST = '';　　　　# タグ一覧キャッシュ用の場所 (空ならキャッシュしない)
　　　　　　　　　　　 # 設定するときはアクセス権を適当に与えておくこと
となっている部分を、下のように変更する。(D:\　にインストールした場合) 
# CGI 用ディレクトリ (絶対パスか CGI 相対パスで指定、なるべく絶対パスにしてください)
$RULEDIR= 'D:/htmllint/';　　　　# 規則ファイルの場所
$LOGSDIR= 'D:/htmllint/logs/'; 　# ログファイルの場所
$TMPDIR = 'D:/htmllint/tmp/';　　# テンポラリファイルの場所
$IMGDIR = 'D:/htmllint/';　　　　# イメージファイルの場所
$TAGSLIST = 'D:/htmlint/tags/';　# タグ一覧キャッシュ用の場所 (空ならキャッシュしない)
 　　　　　　　　　　　　　　　　# 設定するときはアクセス権を適当に与えておくこと
更に下記の二箇所も確認する。 
# デフォルト規則ファイル (Windows/Macでは . から始まるファイルは無効)
$HTMLLINTRC = 'htmllintrc';

# htmllint.cgi でローカルファイルも取得できるようにする (不要ならコメントアウト)
$GETLOCALFILE = 1;
インストール　Jcode.pm とフォルダ Jcode▲ TOP
  1. Jcode-0.83.zip　を任意のフォルダで解凍する。
  2. 解凍したファイルの中で　Jcode.pm　とフォルダ Jcode　を　C:\Perl\site\lib へコピーする。
    （コピー後は解凍したファイルを削除してもよい。）
インストール　AN HTTPD▲ TOP
  1. httpd142k.zip　を　D:\AOLS\Web\HTTPD　に解凍する。
    （httpd.exe　のショートカットを作り、クイック起動に入れました。）
  2. httpd.exe　を起動。通知領域のアイコンを右クリックして　オプション一般を選択。
  3. 一般を設定する。　　ドキュメントルートはチェックする　HTMLファイルの場所にしました。
  4. エイリアスを設定する。
  5. 設定については、参考にさせて頂いたページにくわしく載っています。
注
  1. エイリアスの実行パス htmllint が小文字でないと、エラー（ファイルが見つかりません）
    /Htmllint　D:\Htmllint　ではエラーになる。 （エイリアスの一般パスは大文字でもエラーにならない）。
  2. C ドライブイメージをリストアすると、ドキュメントルートがHTTPDのインストールパスに なってしまうので再設定が必要になった。 (2003/12/29)
Hpttd01
Hpttd02
IE6　のお気に入り設定▲ TOP
himura　さんの設定を使わせて頂いた。
  1. IE6 を起動して適当な HTML ファイルを [お気に入り] → [お気に入りに追加] で追加。
  2. 追加したお気に入りの [プロパティ] で、URL 欄を下記のように変更する。
javascript: var uri = location.href; var uri = uri.replace("file:///", ""); var uri = uri.replace(/#.+/, ""); var uri = "http://localhost/htmllint/htmllint.cgi?URL=" + uri + ";V"; window.open(uri, "htmllint"); eval();
  1. [適用] 又は [OK] で警告メッセージが出ますが、無視して [はい] を選択してください。
  2. お気に入りの名前は　HTMLChecker　としました。
  3. HTTPD　を起動後、ファイラーで　HTMLファイルを選択し表示させてから、
    お気に入りで　HTMLChecker　を選択すれば結果が別ウインドウで表示されます。
top