2016年11月29日(火)

これくらいはセーフだろうと放置していませんか？CSSで意外と気づかない5つのミス

• 0
• 1
• 7
• 7

「小さいけども重大なミス」というのはWeb開発においてよく見られます。

バックエンドやモバイルのデベロッパー初心者であれば、そのようなミスが頻繁に起こるということをあらかじめ心得ておかなければなりません。

しかし、確認するときのポイントとなるものは存在します。

ここでは、ミスを減らすために気を付けるべきポイントをいくつか紹介します。

1. インラインのエレメントをメインコンテナとして使用していないか

HTMLには2つの異なるエレメントが存在します。ブロックとエレメントです。

ブロックはメインのコンテナとして用いられ、親要素として働きます。

Div、ul、h1、h2、h3、aside、formといったものがこれにあたります。

一方、インラインはspan、li、a、labelなどが該当し、ブロック内で子要素として存在するものです。

時々、インラインの中でブロックの要素を持ったエレメントを使用しているのを見ますが、ブロックの中でインラインのエレメントを使うのが適切です。

逆にした時は、古いブラウザでは正しく表示されないことがありま...