HTML Structure Analyzer


HTMLのソースを読んでいてタグ同士の対応がわからなくなったことってありませんか?
そんなとき、HTML Structure Analyserを使えばタグ同士の関係が一目瞭然!!
とても簡単にHTMLの構造を把握できますよ!!

嘘です。把握できません。
かなり見づらいのは仕様です。

URL
データ

使い方

web上のページを調べる場合は「URL」の方へ、 HTMLを直接入力するときは「データ」の方へ入力してください。
また、このページのURLのあとに「?url=調べたいページのURL」を付けても調べることができます。

タグの色分けに使用している色は以下の通りです。
ただし、赤はエラーが発生したことを表しています。
そのタグにマウスを乗せるとエラー内容を表示します。

エラーがあった場合、タグの親子関係がおかしいことが考えられます。
Another HTML-lint gateway等で HTMLの構文を確かめてみてください。

使用している色

   aqua    olive    burlywood
   chartreuse    coral    cornflowerblue
   darkgray    darkkhaki    darkseagreen
   deepskyblue    gold    khaki
   lightgreen    mediumorchid    mediumspringgreen
   navajowhite    orange    paleturquoise
   peru    plum    yellow
   yellowgreen    red   

対応しているタグ

終了タグがなくてもよいタグ
bodycolgroupdddtheadhtmllioptionprb
rprttbodytdtfootththeadtr  
終了タグがないタグ
areabasebasefontbgsoundbrcolframehrimginput
isindexkeygenlinkmetaparamspacerwbr   

これ以外のタグはすべて終了タグが必須としています。

タグの間にあるタグを無視するタグ
textareascriptoption

更新履歴

戻る
Copyright (c) oi 2006 All Rights Reserved.