人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

htmlについて質問です。会社のHP,個人のHPなどのhtmlのソースを見て勉強して
います。しかしタグが沢山ありすぎて、どのタグがどのタグと対応するのか
非常に見にくいです。例えば<div id=a><div id=b><div=c></div></div></div>
とあるとします。この場合、終わりのタグ</div>はどのdivと対応しているのか
非常にわかりにくいです。このようにどのタブがどのタブと対になるかわかりやすく
表示できるソフトはありますか?Dreamweaver2004,秀丸にそのような機能があれば
教えてください。他のフリーのアプリケーションでもそういう事が簡単にできる
ものがあれば教えてください。できれば使ったことのある人に限ります。

●質問者: silverspring
●カテゴリ:コンピュータ インターネット
✍キーワード:Hp HTML ありす とある にわか
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● yotaro
●20ポイント

http://www1.odn.ne.jp/ymtz/html_plus-mode.html

xyzzyとhtml+-modeの組み合わせで、対応チェックしてくれるし、タグにインデントつけてくれるので、目視でもどれとどれが対応するかすぐわかります。

表示例

h1やh4は改行が入っていないので、終了タグが行末に来ていますが、bodyやcenterを見るとわかるようにネストされると、開始、終了タグとも、1つレベルを下げたインデントされます。


2 ● naleringar
●20ポイント

http://www.vector.co.jp/soft/win95/net/se111772.html

HTML Project2

あまりに重い(変)なものだとたまに終了してしまいますが、基本がhtmlエディタなので、加工したその場で結果を確認できます。


3 ● b-wind
●20ポイント

http://www.mozilla-japan.org/products/firefox/

http://www.infoaxia.com/tools/webdeveloper/

Firefox に Webdeveloper という拡張機能を入れたものをオススメします。

ブラウザ自体が実際にどのように解釈しているかが分かりやすいです。

タグの対応は DOM のツリーとして表現されますし、該当のボックスをブラウザ上でハイライトすることも出来ます。

構造と実際の表示が見比べられるのは把握するのにとても便利です。


4 ● aki1275
●20ポイント

http://www.vector.co.jp/magazine/softnews/020529/n0205294.ht...

ソフト「真魚」。

タグが色分けされてて分かりやすいです。

◎質問者からの返答

ありがとうござます。これから回答をくださる方は秀丸、Dreamweaver2004の情報をください。


5 ● snowburst
●20ポイント

このようなものはいかがでしょうか。

Wisteria - 秀丸マクロ - CompleteTag + CompleteCSS

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ