ホームページ > ウェブフロントエンド > htmlチュートリアル > フロントエンド仕様1-HTML仕様_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-24 11:48:09
オリジナル
918 人が閲覧しました

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 タグを使用します

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

フォーム

コントロール タイトル (
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート