HTMLの最適化

HTMLの最適化:

1)、Hラベルの使用:

なお、関係なく、任意のページの、H1タグが存在する場合、右重いまでなので、注意してください。一般的には、最良のキーワードは内部H1に表示され、現在のページのメインタイトルである、一度だけ表示されます。

H2はH2 SEOの側面に接続されている場合、それはテールキーワードの内側に配置することができる、などの段落の見出しや小見出しです。H3より低いレベル、または他の通路は、下部に配置されてもよいです。

H1タグはH2-H6の後に表示されない、時間タグは、重要度に応じており、米国特許〜H6から、分割する、トップH1タグに書き込むことが必要です

視覚的なパフォーマンス上のHラベルは、しばしば大胆ですが、その文法的な意味黒体は、ページに虐待していない、完全に異なっています。

2)適切なラベルを選択します。

、マルチH5セマンティックラベル

B、PはH1と〜H6のタイトル、タグを使用する単語である、div要素を持っていません

C、取得フォーム要素、代わりにDIVの多使用形態:

このような使用のDIVなど:

     <div>  <入力のid = "ユーザー名"> <入力されたID = "パスワード"> </ div> //获取时の<script> 聞かせてのuserName = $( '#ユーザー-NAM')のval(); パスワード= $( '#パスワード')させヴァル(); </ SCRIPT>








データの2つの形態を得るために二回DOMをチェック。、10がある場合、10は20、30であれば、特に携帯端末において、パフォーマンスへの影響で......、チェックする必要があります。

フォームへのdivの場合:

<フォームのid = "登録">    <入力名= "ユーザー名">  <入力名= "パスワード"> </フォーム> //获取时:<スクリプト> みましょう形式=のdocument.getElementById( '登録')、userName =フォーム[「ユーザ名」]値。パスワード= form.password.value。</ SCRIPT>







   
   

D、他の細部:

太字のテキストで:B /強い(役割を強調してきた)、手動でフォントの太さを設定しなくても、メリットは以下のとおりです。唯一のフォントファミリの強い/ Bを設定する必要があります後にフォントを変更します。

 

3)IFRAMEの数を減らします

IFRAMEの長所と短所を理解するために注意を払うようにIFRAMEを使用して、

利点

  • コンテンツは、広告として、遅くロードするために使用することができます。

  • セキュリティサンドボックス保護ブラウザは、iframeのセキュリティコントロールの内容になります。

  • スクリプトは、並行してダウンロードすることができます

短所

  • コンテンツは、時間が消費され、空のiframe負荷であっても、

  • これは、ページのロードを防ぐことができます

  • ませんセマンティック

 

4)、現在のページの空の写真とiframeや他のSrc、Srcの空のリロードを回避するために、スピードと効率性に影響を与えます。

5)、リセット画像サイズを避けるようにしてください。

画像サイズは、画像のサイズをリセットするなど、HTML、CSS、JavaScriptを、数回でリセットし、繰り返し画像のサイズがパフォーマンスに影響を与え、画像を何度も再描画するためにつながるリセット。

 

6)、ノードドム減らす影響の多くをレンダリングDOMノードのページはDOMノードを最小限にすべきです

7)、輻輳を軽減

jsがページまたは使用の終わりに、HTML頭のJsで記述されており、HTMLタグスタイルブロック内のページのレンダリングを書かれ、そのページの頭にCSSおよびリンク・モードを使用するHTMLタグに書き込みスタイルを避けるために、導入され、非同期ロード

 

8)、htmlタグのネストされた層は、ページのロードには影響を与えません。

 

9)、条件注釈方法

注IE条件(条件付きコメント)ブラウザはIE独自のコードは、他のブラウザでコメントとして扱われています。

<! - [場合はIE]>のためのIE <[endifの] - !> 
<! - [IFのIE 6。]> IE6のための<[endifの] - !>
<! - [IFのIE 7] >のためのIE7 <[endifの] - !>
<! - [IFのIE 8。]> IE8のための<[endifの] - !>
<! - [IFのIE 9。]> IE9 <[endifのために! ] - >
<! - 。IE6のための上記[IF GTのIE 6]> <[endifの]! - >
<! - [IF LTEのIE 7]> IE7以前<[endifのため! ] - >
<! - [GTEのIE IF 8]> IE8または<ENDIF]を以降のバージョン! - >
<! - [LTのIE IF 9]>以下IE9用<ENDIF。! ] - >
<! - [IFのIE 8]> - 。!>非IE用< - !! <[endifの ] - >

GT:選択基準またはそれ以降のバージョン、より大きく、条件付きバージョン>含まない条件バージョン<含まれていない最後の内以下、選択条件バージョン以下、:LTをGTE:最後または同等内グレーターを、選択基準またはそれ以降のバージョン、条件バージョンが> =含有しますLTE:以下は、以下の選択基準のバージョンのバージョンのバージョンが条件を<=含まれている!かかわらずのレベルの、条件のバージョン以外のすべてのバージョンを選択します。

*のみのIEの条件付きコメントは、他のブラウザをスキップすることを認識する

以下のような:

<!DOCTYPE HTML> 
<HTML>
  <HEAD>
      <METAのcharset = "UTF-8">
      <タイトル> </タイトル>
      <! - [GTのIE、IF 6]>
          <スタイル>
              体{
                  背景:水色;
              }
          < /スタイル>
      <![endifの] - >       <! - [LT IE IF 8]>       <スクリプトタイプの= "テキスト/ JavaScriptを">           警告( "あなたのブラウザのうち、アップデートをダウンロードしてください。");       < / SCRIPT>       <[endifの] - !>   </ head>   <body>       <! - [IF GTのIE 6]>           IE6ブラウザ</ H2より<H2>大きいです       <!【ENDIF] - >   </ body> </ HTML>
       











 

おすすめ

転載: www.cnblogs.com/zixuan00/p/10938078.html