[HTML][CSS]実践的コーディングにおける注意点
全般
HTML
- HTML内で、imgのwidth,heightは念のためつけておくこと。
- サイズを指定する際は奇数にならないよう注意すること。
- インデントのルールを統一すること。(タグで統一、半角スペ2つで統一など…)
- 機種依存文字(半角かな、囲み数字、<>など)は数値文字参照すること。
- marginの幅を改行で指定しない。(装飾指定はスタイルシートで行う原則)
CSS
- コーディング規約がある場合は遵守すること。とくに隠し文字など。
- CSSのセレクタはむやみに細かく指定しない…可読性の低下、優先順位が無駄に高くなるためあとで不都合が生じやすいため
- body #wrapper #nav ul li a → #nav li a のように、セレクタは右から読まれる性質を考慮し簡単に書く
- div#nav li.item a → #nav .item a のようにタグの種類を判別する必要がないときは略する