htmlとcssのコーディング仕様

WBOY
リリース: 2016-08-30 09:21:06
オリジナル
1155 人が閲覧しました

HTMLおよびCSSコーディング仕様の内容

1.HTML仕様

2.CSS仕様

3. 注:

4. 一般的に使用される命名規則

5. CSSスタイルシートファイルの名前付け

6. ファイル名のルール

1.HTML仕様:

1. コード仕様

  • 標準モード宣言 をページの最初の行に追加します
  • コードのインデント: Tabキーを使用して4つのスペースを設定します(通常、ソフトウェアの右下隅で対応するスペースのサイズを設定します)
  • 先頭の DOC と「UTF-8」、または大文字にできる先頭の特殊な状況を除き、その他はすべて小文字であり、CSS クラスもすべて小文字です
  • ドキュメント lang="zh-CN" に正しい言語を設定するには、HTML ルート要素の lang 属性を指定することをお勧めします
  • 異なる doctype は、異なるブラウザで異なるレンダリング モードをトリガーします
リーリー
  • @import は使用しないでください
    • タグと比較すると、@import コマンドは非常に遅いため、追加のリクエストの数が増加するだけでなく、予期しない問題が発生します。代替案には次のようなものがあります。
      • 複数の 要素を使用する
      • Sass または Less のような CSS プリプロセッサを通じて複数の CSS ファイルを 1 つのファイルにコンパイルします
      • Rails、Jekyll、その他のシステムを通じて提供されるCSSファイルマージ機能
リーリー


CSS と JavaScript ファイルを紹介します
  • HTML5の仕様によれば、CSSとJSを導入する際、通常はtypeを指定する必要はありません。それぞれtext/cssとtext/javascriptがデフォルト値であるためです
リーリー

2. コメント


  • 注: -- の後にスペースを残さないでください。スペースを残す場合は、他のすべてのコメントにスペースを追加してください (その後のプログラム開発を容易にするため)。コメントはグローバルに統一する必要があります

例:


書き方の基準としては、コメントを減らすために必要なすべてのコメントに始まりと終わりを設けるのが最善です。その後のトラブルやミス。線を折り返さないでください。 CSS や JS のコメントも同様です。



は、必要なすべてのコメントに始まりと終わりがあることが最善です。その後のトラブルやミスを軽減します。線を折り返さないでください。 CSS や JS のコメントも同様です。