M2ナレッジベース

コーディングルール

1. HTML

<head>

  1. 文字コードは必ず記述する。UTF-8を指定する。
  2. ビューポートの設定は必ず記述する。
  3. デスクリプション（サイトを検索した時に表示される紹介文）
  4. OGP(SNS用の情報)は必ず記述する。画像のパスが合っているかよく確認する。
  5. スタイルシートは<head>タグ内で読み込む
  6. リセットcss, ページのcss, プラグインのcssの順に読み込む

<body>

  1. 全ページ共通のヘッダー部分。headerタグで囲み、.headerクラスを付ける。
  2. グローバルナビはnavタグで囲み、リストにする。
  3. mainタグに、各ページのコンテンツを記述する。
  4. <div class="mainvisual">にスライダーやメイン画像を入れる。
  5. コンテンツをグループごとにsectionタグで区切り、中に</h2>や</h3>などの見出しを記述する。
  6. 全ページ共通のフッター部分。footerタグで囲み、.footerクラスを付ける。
  7. Javascriptのソースやライブラリは、</body>の直前で読み込む。
    JQueryを使う場合は、1番上で読み込む。

CSS

  1. 文字コードは必ずUTF-8を指定する。