ホームページ >ウェブフロントエンド >htmlチュートリアル >【フロントエンド】#001 コーディング仕様書_html/css_WEB-ITnose
【フロントエンド】#001 コーディング仕様書_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:41:53900ブラウズ
... ee
<!doctype html>
<strong> 编码：</strong> 使用 meta 设置编码类型 UTF-8
<!doctype html>
<html>
<head>
終了タグを厳密に使用し、ネストを避ける エラー
JS、CSS、HTML を混ぜて書かないでください (CSS と JS を抽出)
img タグと object タグは alt 属性を使用する必要がありますbutton、input、その他の form タグには必ず title 属性を追加してください
CSS と JS の文の引用を簡略化します句 句
<metacharset="utf-8">
</head>
<body>E
</body>E
</html>E
<strong>大小写：</strong>除了 Text CDATA元素，其他都使用小写E
E
<strong>缩进：</strong>整个文件要统一（具体看情况使用 2、4空格）E 6. & lt; input type = " の代わりに Button タグを使用することをお勧めします。 Button" button "/& gt;
7. html タグ タイトルに設定する必要があります プロパティ
- CSS 開発仕様
エンコードされた文字セット: UTF-8 (BOM なし)、として保存CSS ファイル
小文字で記述する必要があります
名前付けには意味のある短い単語を使用します (またはチーム仕様)
コロンの後にスペースを追加します
セレクターと各属性はそれぞれ 1 行を占めます (セレクターと中かっこは必要ありません)別の行に置く必要があります)
インデント: 2 / 4 スペースを使用し、Tab キーは使用しないでください
セレクター名とセレクター名の間に空行 (2 つのスタイル セレクターの間に空行) 終わり各スタイルはセミコロンで区切る必要があります
-
换行：出现块级元素(div、p)，列表元素(ul,ol),表格元素(table) 换行，行内元素大于80换行
-
- 書き方の順序
- css は、 配置が最初、詳細が二番目
- という順序で記述します。
- ディスプレイモード表示
- 位置決めまたは浮動メソッドposition、float、clear
<strong>编程风格</strong>
高さ、幅
内外マージン、パディング
ボーダー
背景color
font text font- text line-height, text-align
- その他雑多な項目
- Z-indexの使用仕様
- モジュールCSSを使用する場合、原則として以下の仕様に従う必要があります絶対的な位置決めですが、強制はされません。開発プロセス中は、絶対配置レイアウトの使用を減らし、レイアウト マネージャーを使用してレイアウトを管理します。
- マップ: 使用されるインデックスの範囲は 0-99
- で、タイル マップ、カスタム レイヤー、凡例、レイヤー管理などが含まれます。
- インターフェイス ビジネス モジュール: 使用されるインデックスの範囲は 100-199
- 、水体制 Real -タイムリストなど
700-799
であり、著作権、ファイリング、テクニカルサポートなどが含まれます。ナビゲーション: 使用されるインデックス範囲は800-899
で、ロゴも含まれます、システム名、ナビゲーション バー 待機ポップアップ ボックス: 使用されるインデックスの範囲は
- 900 ～ 999
- で、設定パネル、プロンプト ボックスなどを含みます。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。