Webフロントエンドコード仕様

Web フロントエンド コード仕様

最終更新日: 2017-06-25

元記事リンク:

このプロジェクトは、多くのフロントエンドを分析することで実現される、標準化された保守性の高いフロントエンド コードを記録するために使用されます。 Github のコード ライブラリ、フロントエンド コード記述仕様をまとめたもの。そのまま受け取ってください。

ありがとうございます

@ Ruan YiFeng:

1. @materliu: https://materliu.github.io/code-guide

@hzlzh:

2. @tguide:

フロントエンドのユニバーサル仕様

3. 黄金律

常に同じコーディング仕様セットに従うこと。ここにリストすることも、自分で要約することもできます。この仕様に誤りを見つけた場合は修正してください。

4. 同じプロジェクトに何人で取り組んでも、コードのすべての行が同じ人によって書かれたように見えるようにしてください。

プロジェクトの名前付け

プロジェクト名はすべて小文字で、ダッシュで区切ることは禁止されています。例: my-project-name

ファイルの名前付け

ファイルの名前付けは、複数の単語で構成される場合、前のルールを参照します。例: error-report.html

複数の場合。構造には、スクリプト、スタイル、イメージ、データモデルなどの複数形の命名法を使用します

ファイル名は、小文字の英字 a ～ z、ソート番号 0 ～ 9、または区切り文字 - などの特殊記号のみで構成できます。 $ は禁止されています。

意味をよりよく表現するために、ファイル名には英語の名詞、または英語の略語が使用されています。

このモジュールがブラウザによってスパム広告として除外されるのを防ぐため、ad、adv、adver、advertising などの広告を含む英単語の名前を付けることは許可されません。これは、どのようなファイル命名にも当てはまります。

index.shtml ガイドページとホームページ

main.shtml ホームページ

download.shtml ダウンロードページ

act.html イベントリストページ

video.html ビデオ

cdkey.html CDKEY ページ

base.css 基本スタイル
layout.css フレームレイアウト
module.css モジュールスタイル
global.css グローバルスタイル
font.css フォントスタイル
index.css ホームページスタイル
link.css リンクスタイル
print.css 印刷スタイル
HTML仕様

• 構文

インデントには4つのスペースを使用します。これは保証されたコードです状況全体で一貫性を示す唯一の方法。

• ネストされたノードはインデントする必要があります (スペース 4 つ)。

属性では、一重引用符ではなく二重引用符を使用してください。

• 自動終了タグの末尾にはスラッシュを使用しないでください。HTML5 仕様では、スラッシュはオプションであると規定されています。

オプションの終了タグ (例:

以上がWebフロントエンドコード仕様の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。