ulタグの入れ子に注意

2008-08-12 (火) 4:43
技術
jQuery | XHTML

jQueryいじってて、たまたま気づいたことがあるのでメモ。

XHTML1.0 Transitionalで、以下のような構造のul要素、li要素がページに含まれる場合の話なのですが、
（他の場合でも同じ問題が発生するかもしれません。）
※印赤枠がul要素、青枠がli要素です。

liタグの中身

これが、IE6、IE7では、以下のように勝手にDOMの構造が変わってしまうっぽいです。

liタグの中身

言葉で説明すると、ul(A)の直接の要素としてul(B)が含まれる場合、そのul(B)はその直前の兄弟要素liの子要素になってしまう。というところですか。
深く検証していないので、一緒に使ってたjQueryの問題という可能性も0ではないのですが。

ドキュメントタイプによってはブラウザが勝手に構造を変えてしまうことがあるということをこの前のbrBrbr問題（XHTML1.0 Strictでpタグの中にdivタグがあるとdivタグが中身ごとpタグの外側に出されてしまう）で知ったのですが、ほんとコーディングってのは問題が出なければ超簡単だけど、問題が出たら意外と原因の解明に苦労します。

次の記事: Aspire one発売日決定
前の記事: Google Street Viewてどうだろ

コメント:0

トラックバック:0

トラックバック用URL: http://peta.okechan.net/blog/archives/356/trackback
リンク元: ulタグの入れ子に注意 ← 日曜研究室 [技術的な日常:あなたの幸せはここにある]

トップページ > 技術 > ulタグの入れ子に注意

最近の記事

最近のコメント

カテゴリ

タグクラウド

アーカイブス

ページ

検索

フィード

メタ

ページの最初に戻る