HTMLのソースを読んでいてタグ同士の対応がわからなくなったことってありませんか?
そんなとき、HTML Structure Analyserを使えばタグ同士の関係が一目瞭然!!
とても簡単にHTMLの構造を把握できますよ!!
嘘です。把握できません。
かなり見づらいのは仕様です。
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 |
body | colgroup | dd | dt | head | html | li | option | p | rb |
rp | rt | tbody | td | tfoot | th | thead | tr |
area | base | basefont | bgsound | br | col | frame | hr | img | input |
isindex | keygen | link | meta | param | spacer | wbr |
これ以外のタグはすべて終了タグが必須としています。
textarea | script | option |