htmlについて質問です。会社のHP,個人のHPなどのhtmlのソースを見て勉強して

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

回答の条件
  • URL必須
  • 1人1回まで
  • 登録:
  • 終了:2006/08/27 14:00:03
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答5件)

id:yotaro No.1

回答回数430ベストアンサー獲得回数32

ポイント20pt

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

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

表示例

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

id:naleringar No.2

回答回数110ベストアンサー獲得回数5

ポイント20pt

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

HTML Project2

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

id:b-wind No.3

回答回数3344ベストアンサー獲得回数440

ポイント20pt

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

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

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

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

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

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

id:aki1275 No.4

回答回数220ベストアンサー獲得回数6

ポイント20pt

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

ソフト「真魚」。

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

id:silverspring

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

2006/08/20 15:56:03
id:snowburst No.5

回答回数48ベストアンサー獲得回数0

ポイント20pt

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

Wisteria - 秀丸マクロ - CompleteTag + CompleteCSS

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

  • TRANS 2006-08-20 23:04:48
  • はてなの人力検索にこんなものがあった。 http://q.hatena.ne.jp/1156049717 htmlについて質問です。会社のHP,個人のHPなどのhtmlのソースを見て勉強しています。しかしタグが沢山ありすぎて、どのタ
「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません