htmlのセマンティックとフロントページのレイアウトルール

レイアウトのための1. divのは、共通の要素のdiv要素を持つスパン無意味ライン内にラップされていません

2のようなPPとデフォルトのフォント、太字、垂直間隔、端末は適合させることができる可能な限り、pおよびDIVの場合に使用することができます

3.これは、テキストが強いか、EMタグに含めることができます強調しておかなければならない(ブラウザのデフォルトのスタイル、それらを指定しないと、CSSを使用)、 強力なデフォルトのスタイルは、(Bを使用しない)、EMイタリック(なしI)大胆です
 
テーブル、使用する場合4. タイトルキャプション使用 テーブルTHEADヘッド本体 と部分 TBODY 囲ま テールTFOOTが 囲まれ、一般的に細胞にヘッダ領域から分離し、 目、TD細胞とを持つヘッダ
 
5. フォーム を使用する フィールドセットのラベルはホールドアップ、 およびと 凡例ラベル 形式の使用説明 技術を古すぎる推奨されません
<DL> </ DL> <DD> </ DD>
<Clで>順位番号を持つ列</ CL>
<老い> </ OL>の前のドットのための
<UL> </ UL>

6.説明テキストラベルに対応する各入力タグはラベルの使用を必要とする(フォーカスを取得し、テキスト入力ボックスを有効にする]をクリック)、および入力および対応するテキストの説明をするためにid属性を設定することで、= someldタグのラベルに設けられ、入力仲間。

少しhtmlのよう7.書き込み、以下を書き込んでください
(効果:1つのDOMは時間2廃棄物のファイルサイズのレンダリングを減らします。)
//次のコードは、使用DIV 3 div要素を置き換えることができます
::前後に
ディスプレイ付き:インラインブロック(div要素を交換します)
内容:「テキストの入力」
高さ:300ピクセルは、ブロックの高さを設定//
位置:絶対
トップ:-10px
//以下は意味ラベルです
NAVタグ
ヘッダ・ラベル
記事のラベル(ラベルテキスト)
ラベル部分(ブロック)
フッタータグ
タグはさておき
 働きやすい//このフォームに次のページレイアウト、爬虫類
<ヘッダ>
    <NAV> </ NAV>
</ヘッダ>
 
<DIV CLASS =:コンテンツ>
    <セクション> 1喽</セクション>
    <セクション> 2喽</セクション>
    <余談>边栏</さておき>
    アドレス<アドレス>(これ以上の便利)</アドレス>
</ div>
<フッタ>
</フッタ>

 

おすすめ

転載: www.cnblogs.com/maruihua/p/10985895.html