例えばライン画像で上と下の背景色を変える場合の話…
通常は画像の直下で"div"を閉じ、すかさず"div"で背景色を指定します。
が、これをauの比較的最近の端末で見ると…
画像と背景色の間に1px程の隙間が出来るではありませんか！？
これは上記端末の場合、ブロック要素間に隙間を作る仕様なので、Web標準的にイマイチですが"div"を入れ子にするしかありません。
色を切り替えたい画像やブロック要素の手前で、"div"で背景色を上塗りするイメージです。
じゃあ"div"を閉じるのは？
"body"閉じ前にまとめて閉じる！
やらずともわかりますが面倒です。
一部とは言え、デザイン崩してまでSEOにこだわる必要はないので、ここでの"div"は閉じずにいましょう。
通常は画像の直下で"div"を閉じ、すかさず"div"で背景色を指定します。
が、これをauの比較的最近の端末で見ると…
画像と背景色の間に1px程の隙間が出来るではありませんか！？
これは上記端末の場合、ブロック要素間に隙間を作る仕様なので、Web標準的にイマイチですが"div"を入れ子にするしかありません。
色を切り替えたい画像やブロック要素の手前で、"div"で背景色を上塗りするイメージです。
じゃあ"div"を閉じるのは？
"body"閉じ前にまとめて閉じる！
やらずともわかりますが面倒です。
一部とは言え、デザイン崩してまでSEOにこだわる必要はないので、ここでの"div"は閉じずにいましょう。