ホームページの新規作成やリニューアルの時には、試作段階でソースを検証してみましょう。
数年の間に、ごみが残っていたり、古くなっています。
赤信号もあれば、エラーでは ないけど、黄色信号もはやい段階で見つければ、間違いがすくなくすっきりします。
今回は、レスポンシブをモバイルファーストでスタイルシートを書き換えたいので、まずはソースを修正します。
このなかのひとつを試してみました。
ここで、サンプルページをutf-8に変更してから検証してみました。
ふつうです。46点
たくさんありますが、分類すると
●<H4> が 140行目の <H2> に続いていますが好ましくありません。
●<LI> と </LI> の間が空です。
●コメント中に `--` を書くことはできません。
●<INPUT TYPE="CHECKBOX"> には VALUE 属性が必要です。
●<DIV> と </DIV> の間に空白文字しか含まれていません。
●<A> のアンカー `ウィンドウ(タブ)を開きます。` は 260行目で異なるリンク先を指しています。
●<BR> が多数連続しています。
対処してみます。
上記を修正しました。
ケアレスミスなどはこれで防ぐことができます。
何より100点はうれしいです。