フロントエンド仕様1-HTML仕様_html/css_WEB-ITnose

HTML仕様

1 コードスタイル(1,参照)

タブ文字(スペース4つ)を使用してください

上下関係が多い場合は一行で書くようにしてくださいが、コードの各行が長すぎないように注意してください

例、コードは長すぎないようにしてください

例、1 行で書いてみてください

2 名前付け (1 を参照)

クラスは小文字にする必要があります。接続には _ (アンダースコア) ではなく、単語の間に - を使用してください

できるだけセマンティックになるようにしてください (英語と英語の略語が優先され、ピンインが 2 番目にあり、コンポーネントの位置決めが再度使用されます (con-left など) ))

例

ID はこのページが一意であることを保証する必要があります

同じページの名前と ID が同じであることは避けてください (IE の混乱)、1 を参照してください

説明: IE6 互換性の問題

タグ数 3 (1, 参照)

セマンティクスとスタイルを確保することを前提として、タグの数を可能な限り減らす

タグ名は小文字にする必要があります (例:

)

閉じたタグ

別のディスカッションを開始する、リンク:

タグの使用はタグのネスト ルールに準拠する必要があります

別のディスカッションを開始する、リンク:

HTML タグはタグのセマンティクスに従います

別のディスカッションを開始する、リンク:

タグを使用するできるだけ簡潔に、不要なタグを減らし、レベルを減らし、平坦化します

4 つの属性名

一重引用符の代わりに二重引用符番号を使用する必要があります。1 を参照してください。

カスタム属性は以下に推奨されます。 xxx- をプレフィックスとして使用します: 属性の順序)

d d

クラス

名前

データ-*

、

ブール型属性

ブール値型属性 (属性値 ==属性) を追加しないことをお勧めします

要素内に Boolean 属性が存在する場合は値が true を示し、存在しない場合は値が false を示します。

IE Edge モードを使用します。1 を参照してください (ただし、この属性は現在使用されていないため、現時点では予約されています)

& lt; html lang = "zh-cn" & gt; を設定することをお勧めします。

文字コードは & lt; head & lt; mata charset = "UTF -8" > でなければなりませんhead と charset 宣言の直後。 S s CSSを導入する場合はREL="STYLESHEET"を指定する必要があり、CSSやJSを参照する場合はType属性を指定する必要はありません(指定値がデフォルト値のため)

必要ありません。 CSSやJavaScriptを導入する際の型を指定します。

favicon を使用する場合、ブラウザはデフォルトで Web サーバーのルート ディレクトリにある favicon.ico を要求します。次のいずれかの方法を使用する必要があります

1. favicon.ico ファイルを Web サーバーのルート ディレクトリに配置します

2. リンクを使用してファビコンを指定します。 & & Lt; リンク rel = "ショートカット アイコン" href = "パス/to/favicon.ico" & gt;

alt 属性を追加します

これら 2 つ 反対意見、別の議論、リンクもあります:

ページの震えを避けるために、幅と高さの属性を追加します。 ダウンロードされた画像は、背景画像の代わりに img タグを使用します

スプライト画像を使用します

フォーム

コントロール タイトル ( ラベル)

1. コントロールをラベル内に配置します。 (推奨)

2. ラベルの for 属性は、コントロールの ID を指します。

例:

ボタン

Button 要素を使用する場合は、Type 属性値のタイプを示す必要があります (ボタンの送信とキャンセル)

アクセスできる重要なラベル コードを改善するため (リセットの前に送信するなど) , スタイル コントロールを使用してスタイル コントロールを使用します

モバイル デバイス向けのページを開発する場合、コンテンツ タイプに応じて入力ボックスの type 属性を指定します。

フォーム送信に JavaScript を使用する場合、条件が許せばネイティブ送信関数が適切に動作する必要があります。

マルチメディア

オーディオ: MP3、WAV、Ogg

ビデオ: MP4、WebM、Ogg

オーディオとビデオを定義するための audio タグと video タグの使用を優先し、ブラウザーがサポートしていないタグの説明を示します。オブジェクトタグ。

自動的に再生しないようにしてください。

テンプレート